HTML/CSS - 23

swstack < 1 min read

HTML/CSS - 23: Scroll Animations & Effects

Make your pages more engaging with smooth scroll-triggered animations and parallax effects.

✦ HTML Editor

▶ Live Output

👀 Show Solution

.section {
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.8s ease;
}

.section:hover {
  background: #1a1a1a;
  transform: scale(1.02);
}