Every trick recreated from the source video as a live, self-contained demo. Search, filter, open, steal.
This demo illustrates how a color picker's saturation/brightness square and hue strip can be constructed using layered CSS gradients. Drag the circular selectors to change the hue, saturation, and brightness, seeing the resulting color instantly.
This demo showcases how to achieve buttery-smooth, continuous animations of CSS custom properties by registering them with `@property` and specifying their data type. This enables the browser to interpolate values like angles, preventing visual 'snapping' and creating fluid transitions in gradients, glows, and more.
A credit card-like element with an iridescent, oil-slick finish that appears to shimmer and reflect light as it's hovered, creating a captivating holographic effect purely with CSS gradients and transforms.