Transforms

Updated lesson on 2D & 3D transforms (rotate, move, scale, skew): https://www.youtube.com/watch?v=YHQ820W8FRw

In web design, transforms allow you to manipulate an element’s earance and position without changing the actual dimensions of the element, or affecting the other elements around it. There are four kinds of transforms:

1. Move
2. Scale
3. Rotate
4. Skew

In this video, we’ll show you to add each of these transform types to your web designs, whether they’re 2D or 3D. We’ll also briefly cover how to use transforms to smooth out transitions between states like hover, pressed, and focused.