Cluster
A disorganized layout of colored rectangles slides together on a grid to form three neat, color-aligned clusters.
CSS
Segment
15 animationsDemarcation
A glowing vertical boundary sweeps across a dark grid, causing mixed blocks to shift and align into distinct colored regions.
CSSDynamic adjustment
Proportional geometric partition slabs expand and contract across an audience volume plane.
CSSEnrichment
A row of monochromatic rectangles passes through a central illuminated frame, transforming into vibrant colors and larger dimensions.
CSSExclusion
An active horizontal bar sweeps down a grid, sliding all grey blocks out of view while keeping colored blocks in place.
CSSFilter
A mixed stream of red and blue blocks passes through a central dividing threshold, separating into red blocks on top and blue on the bottom.
CSSIntersection
Two perpendicular solid tile matrices glide across an audience axis, isolating their mutual cross-section tile.
CSSIsolation
A single chosen colored square slides forward and scales up, while the surrounding background blocks fade and dim.
CSSMerge
Four small colored blocks travel from the corners of a grid and merge into a single solid multi-toned rectangle in the center.
CSSOverlap
Two large semi-transparent geometric circles slide together on a grid, creating a brightly highlighted overlapping intersection.
CSSProfile
A grid of audience attribute slots illuminates specific verified traits with solid indicator chips.
CSSScatter
A unified segment prism resolves into a matrix of structured micro-cohort blocks across a coordinate plane.
CSSSplit
A large colored square slides forward and divides into three smaller distinct squares that branch into separate grid lanes.
CSSStratification
A mixed vertical column of colored blocks expands and partitions itself into three distinct, stacked horizontal layers.
CSSTarget
Concentric geometric density bands expand as classified audience tiles settle into designated cohorts.
CSS