Skip to main content

Reveal Left

Reveals left-to-right with clip-path, like a curtain opening.

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

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