Duotones, colour burns, knockout text and filter stacks.
Blend modes let one layer react to what is under it: `multiply` for shadows and duotones, `screen` for light and glow, `difference` for the knockout text trick where a heading inverts against whatever it crosses. The catch is stacking context — a blend mode only sees inside its own, so an unexpected `transform` or `opacity` on an ancestor will silently isolate it.
Thin-film interference: one phase read by three cosines a third of a turn apart, so the hue sweeps the whole palette instead of crossfading between two ends of it.
A two-tone field resolved by an 8x8 Bayer matrix — the 1-bit look, with the dither grid pinned to layout pixels so it survives a retina screen.
Grayscale base tinted ocean with mix-blend-mode: color — hover drops back to the original.
Desaturated blue tile that regains color and pushes in when hovered.
Headline with ocean channel copies screened over it that jitter apart every few seconds.
Type set in overlay blend over a grainy ocean field, flipping to difference on hover.
Glass panel over an ocean field — hovering pulls the blur back so the backdrop sharpens.
Conic ocean tile walked through the full hue wheel by a single filter keyframe.
Dimmed ocean image with a soft-light spotlight drifting across it; hover lifts the whole frame.
Blurred band swept across the frame in `color-dodge` with the label in `overlay`, so both react to what passes beneath them.
Two copies of one surface at different saturations, split by a clip-path handle that slides on hover — a before/after with no second asset.
Two coloured copies drifting apart in `screen` blend, so the fringes brighten where they overlap the way a real lens split does.
Stacked grade, overlay grain and a radial vignette, the grain stepped in three frames so it stutters like emulsion rather than sliding.
Repeating dot mask over a gradient, the cell size growing on hover so the screen coarsens the way a print separation would.
False-colour heat field from stacked radial gradients under an overlay scanline grid, with a monospace readout for the instrument look.
Continuous gradient quantized into three tone steps by a multiplying repeating-gradient, the banding backing off on hover to show what was thrown away.
Inverting backdrop-filter revealed by an animated inset clip, with a lit scan edge riding the boundary so the wipe reads as an instrument passing over the plate.
Letterforms pressed into the surface by one dark and one light offset shadow, the pair swapping sides on hover so the relief flips from debossed to raised.
Sabattier effect from an inverted copy composited with lighten, which flips only the tones the original leaves dark — the partial reversal a full invert cannot give.
Three primary discs in screen blend mode that add up to white where they overlap, and drift apart on hover.
A dark tile with amber and indigo blobs that flips to a light negative on hover using the invert filter with hue-rotate to keep hues stable.
An SVG turbulence noise texture blended in overlay mode over an orange gradient, growing coarser on hover.
A heavily blurred teal-to-violet blob and its label pull into sharp focus on hover like a lens rack.
A clip-path star whose shadow hugs its points thanks to the drop-shadow filter, lifting with a pink glow on hover.
Showing 24 of 33. Search the rest →
Grids, dots, stripes and checkerboards from gradients alone.
Blobs, polygons, arrows and reveal masks, all in one property.
Browser chrome, phone frames, terminals and screenshot surrounds.
Two faces, one element, rotated on hover or focus.
Reveal-on-scroll, parallax, sticky stacks and progress bars.
Fades, slides, scales and staggered list reveals.