Member-only story
10 Cool CodePen Demos (May 2024)
A collection of 10 cool and exciting front-end demos shared on CodePen during May 2024
No text duplication slice and offset
The title of this demo by Ana Tudor says it all: this text effect was achieved with a single HTML element (and an ::after
pseudo-element) with an SVG filter and without requiring any text duplication –which is usually needed for this type of effect.
ScrollTrigger DJ
Combining GSAP (and the scrollTrigger plugin) with the Web Audio API, Adam Kuhn creates a fun demo with a vinyl that can be scratched by scrolling over the disc.