Loading video...

Video Failed to Load

Go Home

CSS blurred text reveal on scroll 📜 .character { animation: drop; animation-timeline: --section; animation-range: var(--start) var(--end); } @​keyframes drop { 0% { filter: blur(10px); translate: 0 -75%; } } Inspo: daylight

104,890 views • 2 years ago •via X (Twitter)

10 Comments

daylight's profile picture
daylight2 years ago

looking sweeeeet!

jhey ▲🐻🎈's profile picture
jhey ▲🐻🎈2 years ago

We're in London on Friday 👀 RSVP'd 🤙

Brotzky's profile picture
Brotzky2 years ago

@daylightco CSS has come a long way

PrivateClient🟢AI's profile picture
PrivateClient🟢AI2 years ago

@daylightco 🖼️

not-saved's profile picture
not-saved2 years ago

@daylightco This and view transitions have to be my most anticipated features of all times. Really hope they come to all major browsers soon

Nir Galon's profile picture
Nir Galon2 years ago

@daylightco

2+2=5's profile picture
2+2=52 years ago

@daylightco 🔥

Gilberto Hernandez's profile picture
Gilberto Hernandez2 years ago

@daylightco This is awesome! Someone knows where can I learn this type of thing with css?

Viktor Tömő's profile picture
Viktor Tömő2 years ago

@daylightco And they say that I should close my tabs... Nice animation though.

Lordson Ajatiton's profile picture
Lordson Ajatiton2 years ago

@daylightco This is so cool I might implement this someday Is there a link to the pen?

Related Videos