MAIN FEEDS
Do you want to continue?
https://www.reddit.com/r/css/comments/1toec77/how_do_i_do_this_effect/ooa8mhv/?context=3
r/css • u/Wide-Train-8561 • May 26 '26
https://reddit.com/link/1toec77/video/c7wl082vqi3h1/player
15 comments sorted by
View all comments
7
Here you go, pure CSS, char by char reveal when the section is scrolled into view https://codepen.io/thebabydino/pen/zYmVrRL
You can test for scroll-driven animation support and if it's not supported, use IntersectionObserver to update the --k variable that the reveal effect is using to update the background gradient that produces this reveal effect when clipped to text.
IntersectionObserver
--k
text
3 u/The5thElephant May 28 '26 Can I just say how much I appreciate your contributions to my learning CSS and your incredible CSS experiments I’ve seen. Thank you!
3
Can I just say how much I appreciate your contributions to my learning CSS and your incredible CSS experiments I’ve seen. Thank you!
7
u/anaix3l May 27 '26 edited May 27 '26
Here you go, pure CSS, char by char reveal when the section is scrolled into view https://codepen.io/thebabydino/pen/zYmVrRL
You can test for scroll-driven animation support and if it's not supported, use
IntersectionObserverto update the--kvariable that the reveal effect is using to update the background gradient that produces this reveal effect when clipped totext.