From the course: CSS: Transforms and Transitions
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
The matrix transformation - CSS Tutorial
From the course: CSS: Transforms and Transitions
The matrix transformation
- [Instructor] In the last two videos, we look at the 2D transformation styles for moving page objects, resizing them, rotating them, and skewing them. All of these transformations are ultimately applied through what are called matrix transformations. Now, I know what you're saying. I thought there'd be no math in this video. Well, I'm going to try and keep the math pretty light and friendly. But it is good to know something about matrix transformations, because as you advance in your knowledge of CSS, you may run into some advanced visual effects that you actually will need to use matrix transforms. So consider this a gentle and quick introduction to the topic. If you ever took pre-calc in high school, you may already know that a matrix is an array of numbers arranged in rows and columns, such as this matrix, in which nine values are arranged in a square matrix that's three rows high by three columns wide. One of the reasons that matrices are used for creating visual effects is that…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
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.