Skip to main content

Reveal Up

Reveals upward from the bottom — suits images and headings.

Preview
Tune parameters
Full code
/* Reveal Up */
@keyframes revealUp {
  from { clip-path: inset(100% 0 0 0); }
    to   { clip-path: inset(0 0 0 0); }
}

.reveal-up { animation: revealUp .7s cubic-bezier(.65,0,.35,1) both; }