Bummer! This is just a preview. You need to be signed in with an account to view the entire instruction.
Well done!
You have completed (UPI) Chapter 11: How to use CSS transitions, transforms, animations, and filters!
Instruction
Single Property Transition
This example transitions only the font size when the user hovers over the heading.
CSS:
h1 {
font-size: 120%;
transition: font-size 2s ease-out;
}
h1:hover {
font-size: 180%;
}
Here, the transition begins immediately and changes the font size smoothly over 2 seconds.