DEV Community

Cover image for What is translation in CSS
๐Ÿšฉ Atul Prajapati ๐Ÿ‡ฎ๐Ÿ‡ณ
๐Ÿšฉ Atul Prajapati ๐Ÿ‡ฎ๐Ÿ‡ณ

Posted on • Updated on

What is translation in CSS

Happy Sunday folks,

This post is part of our "20 day CSS animation post"

In this post, we are going to learn about CSS transform value.

Basically, this property or its value is used to change the position of an element, that's it. There are some variations in his properties.

  • transform: translateX(10%);
  • transform: translateY(20%);
  • transform: translateX(10%) translateY(20%); }

If in confusion play with this codepen, you will understand it properly.

And if you guys interested in my free website templates please download them here ๐Ÿ‘‰AtulCodex Marketplace ๐Ÿช.

Top comments (0)