adrian@portfolio:~/snippets
Snippets
Small components and experiments, ready to copy.
10 entries
- 01The AI voice orbTwo conic gradients, a blur and a circle: the glowing assistant avatar*
- 02Animating out of display: noneA floating menu that fades in and out, with @starting-style and allow-discrete*
- 03The premium card shineA band of light sweeping across a card, in one pseudo-element and one gradient*
- 04The parent reacts to its child with :focus-withinHighlight a whole field, reveal a toolbar or expand a search box without a single focus handler*
- 05Grain on the gradientWhy a CSS gradient bands, and the inline SVG noise that makes it stop*
- 06Input state animationSmall animation for input state in relation to invalid and valid values*
- 07The like button confettiEight particles, one keyframe, three random custom properties*
- 08The price odometerSliding digit columns with one custom property per column*
- 09The split button, with no JavaScriptNative popover and anchor positioning: a menu tethered to its button, and a chevron that knows*
- 10Spotify-style cover glowThe blurred halo behind an album cover, in pure CSS and with no colour extraction*