DEV Community

loading...
Cover image for Today i learned about CSS skew ๐Ÿ“ฆ

Today i learned about CSS skew ๐Ÿ“ฆ

atulcodex profile image Atul Prajapati ใƒปUpdated on ใƒป1 min read

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 ๐Ÿช.

Discussion (0)

pic
Editor guide