- Rotating Elements 4:37
- Animating a CSS Transform 4:22
- Skewing Content 3:48
- Scaling Elements 3:12
- Changing the Transform Position with transform-origin 7:01
- Moving Content with translate() 4:55
- Creating a Slide Transition 5:39
- Combining Transforms 3:36
- CSS Transforms Challenge 2 objectives
- Custom Timing Functions with cubic-bezier() 6:43
- Review: Getting Started with CSS Transforms 7 questions
Well done!
You have completed Review: Getting Started with CSS Transforms!
Quiz Question 1 of 7
Given the CSS below, what transformation(s) will .photo
display on :hover
?
.photo {
transform: scale(1.5);
}
.photo:hover {
transform: rotate(-5deg);
}
Choose the correct answer below: