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
Example: Scaling an Element
Scaling can enlarge or shrink an element based on values given to the scaleX, scaleY, or scale methods.
CSS for Scaling on Hover
.element {
transition: transform 0.5s ease-in-out; /* Smooth scaling */
}
.element:hover {
transform: scale(1.2); /* Scales both width and height by 20% */
}