Custom property powered responsive scroll animations with CSS 🔥 .card { animation: mor… — @jh3yy
x.com · saved by 1 readers
Custom property powered responsive scroll animations with CSS 🔥 .card { animation: morph; animation-timeline: --scroll; } .card--one { --x: -35vw; --r: -10deg; } .card--two { --x: 35vw; } @keyframes morph { 0% { translate: var(--x) var(--y); rotate: var(--r); } }