DEV Community

Cover image for Today i learned about CSS skew ๐Ÿ“ฆ
๐Ÿšฉ Atul Prajapati ๐Ÿ‡ฎ๐Ÿ‡ณ
๐Ÿšฉ Atul Prajapati ๐Ÿ‡ฎ๐Ÿ‡ณ

Posted on • Updated on

Today i learned about CSS skew ๐Ÿ“ฆ

Hello, coding people,

Hope you are doing well in your coding journey.

This post is our "20 days CSS animation" post

According to my, CSS skew property is used to push or pull elements from the x-axis and y-axis or from both sides. There are 3 variations in skew which is

  • transform: skewX(10deg);
  • transform: skewY(20deg);
  • transform: skew(10deg, 20deg);
  • transform: skewX(10deg) skewY(20deg);

Now play around with this codepen then it will so easy to understand for you.

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

Top comments (0)