CSS 2D transforms Tutorial for beginners in Hindi | CSS transforms easy tutorial ever #37

Показать описание

2D TRANSFORM Tutorial for beginners in Hindi | All methods are covered in this video #37

Hello guys,
In today's video, I'm gonna tell you about transforms in CSS. Let me introduce you first with the transforms that what is actually the transform is. So, whenever you see the things changing its positions is basically a transformation. IN today's video you're gonna learn about 2D transforms and we'll discuss 3D in next one. I've covered all the methods in this video + properties so you get saara kuch in this video.

TIMESTAMPS:
00:00 Introduction , difference b/w 2D and 3D
01:11 Setting up things in VS Code
04:00 using transform property
04:31 translateX() method
05:08 translateY() method
05:45 translate() shorthand method
06:21 rotate() method
07:13 scaleX() method
07:47 scaleY() method
08:07 scale() shorthand method
08:37 skewX() method
09:12 skewY() method
09:27 skew() shorthand method
09:53 matrix() method
12:17 transform-origin property (Improtant)

Please Friends Subscribe My channel (Just One Click)

#CodingStan #codingstan #css #csstransforms #2dtransform