Web Development / CSS

Lesson 16 of 30

Animations and transitions

transition smooths changes like hover colours. @keyframes builds full animations. Respect prefers-reduced-motion for people who get motion sick.

.btn { transition: transform .15s; }
.btn:hover { transform: translateY(-2px); }