HTML/CSS - 17

swstack < 1 min read

HTML/CSS - 17: Transitions, Animations & Hover Effects

Make your website feel alive with smooth transitions and CSS animations.

✦ HTML Editor

▶ Live Output

👀 Show Solution

.animated-box {
  transition: all 0.4s ease;
}

.animated-box:hover {
  transform: scale(1.15) rotate(5deg);
  background: #00ff9d;
  color: #000;
}