APRICITYUI RENDER REGRESSION

Filter + Backdrop Filter Animation Lab

Animations running | backdrop: base
Animated backdrop stack
Moving shapes, transparent panel, blur, brightness, saturation, nested backdrop and clipping.
BACKDROP SAMPLE

Glass surface

Background motion must remain visible through the filter, while this content stays sharp and correctly layered.

blur + brightness + hue rotation
Nested backdrop-filter boundary
Check animated source sampling, alpha compositing, nested capture ordering and rectangular clipping.
Animated element filter chain
blur, brightness, contrast, saturate, sepia, grayscale, hue rotation, opacity, drop shadow and transform run together.
FILTER TARGET

Chromatic card

The element and its descendants are rendered into the filter target before compositing.

Static comparison target checks non-animated filter invalidation and drop-shadow bounds.
Color-matrix functions: contrast / saturate / sepia
Same gradient under each function. Contrast pivots at 0.5; saturate mixes against luma; sepia blends the spec matrix. Functions apply in a fixed order (brightness→contrast→saturate→sepia→grayscale→invert→hue-rotate), not the written order.
No filter — reference gradient.
Darker darks, brighter brights around the 0.5 pivot.
Everything compressed toward mid gray.
Oversaturated, hues pushed away from luma.
Equals grayscale(1) — pure luma.
Half-blended sepia matrix.
Full sepia tone.
contrast(1.35) saturate(1.6) sepia(.3) chained.
contrast/saturate/sepia interpolating — proves the three functions are animatable.