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

Alvaro Montoro
Level Up Coding
2 min readJun 11, 2024

--

Photo by Kari Shea on Unsplash

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.

CSS Happy Hour: Cat Collage

--

--

Written by Alvaro Montoro

Full-Stack Software Engineer, Mobile Developer, Web technologies enthusiast. CSS aficionado. Twitter: @alvaro_montoro

Responses (1)

What are your thoughts?