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: Skewing an Element

Skewing tilts an element along the X or Y axis.

.skewed {
    transition: transform 0.5s ease;
}
.skewed:hover {
    transform: skew(20deg, 10deg); /* Skews the element by 20 degrees on X and 10 degrees on Y */
}