Javi AguilarCode editorEditor

CSS experiments

Small pens about what CSS can do on its own. There's also a live code editor.

CSS-only Pokéballs

Pokéballs drawn with pure CSS using a single custom HTML element. No extra divs, just gradients, borders, and math functions.

Glassmorphic Button with Gradient Borders

Button in glassmorphism style with animated gradient borders. This experiment demonstrates how to combine backdrop blur, transparencies, animated custom properties and CSS masks to achieve gradient borders.

Animated CSS CD-ROM

A CD-ROM animation with a spinning effect. Combines gradients, animations and skewing transformations.

Animated Retro Futuristic Grid

A retro-futuristic grid with an infinite scrolling horizon effect. Combining gradients, animations and transformations.