DEV Community

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

Posted on โ€ข Edited on

1

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)

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs

๐Ÿ‘‹ Kindness is contagious

Please leave a โค๏ธ or a friendly comment on this post if you found it helpful!

Okay