From the course: CSS: Enhancing Interfaces with Animation
Join today to access over 22,500 courses taught by industry experts or purchase this course individually.
Transformations - CSS Tutorial
From the course: CSS: Enhancing Interfaces with Animation
Transformations
- [Instructor] Transformation describes a specific animation of a transitioning element. Transformation in UI can help indicate changes in state of an application once a user interacts with elements, like a button when you hover over it, click it, or go to the next area. They can also direct users to different parts of a website. The transform property in CSS gives you the ability to transform elements in 2D or 3D. The most common transforms used to change elements are Rotate, Skew, Translate, and Scale. When rotating an element, you can rotate on both the X and Y axis, or only the X or Y axis. You can also rotate positive or negative degrees. The skew property tilts an element either to the right or to the left. There is a shorthand that uses one value or two. You can also write out specifically if you want to skew on the X or the Y axis only. If you want to move an element on the web, you use the Translate property.…
Download courses and learn on the go
Watch courses on your mobile device without an internet connection. Download courses using your iOS or Android LinkedIn Learning app.