Aperture
A large central circle with eight evenly spaced outer radial ticks that extend and retract rhythmically, as if measuring a secure aperture.
CSS
Perimeter
15 animationsBoundary
A horizontal dashed line splits the coordinate plane, with tiny vertical tick marks scrolling continuously from left to right along the dividing line.
CSSContour
A series of discrete, calibrated contour rings with elevation ticks and coordinate markings that step rhythmically between defined boundary states.
CSSCorridor
Two parallel vertical track rules with horizontal distance calibration ticks that glide slowly in opposite directions.
CSSEnvelope
Two concentric rectangular frames with dimension line callouts that slowly expand outward before resetting at their boundary.
CSSFence
A vertical column of stacked chevron brackets pointing outward, with a single bright light pulse traversing up and down the spine of the column.
CSSFenceposts
A horizontal row of short vertical tick indicators with tiny circles at their peaks that blink sequentially from the edges toward the center.
CSSGrid
A wide rectangular grid of fine lines with small crosshairs at each intersection that gently blink in a diagonal wave across the background.
CSSMatrix
A five-by-five grid of short horizontal dash pairs that pivot slowly back and forth by forty-five degrees, aligned with a master coordinate grid.
CSSNodes
A constellation of sparse, interconnected node coordinates where the linking lines fade in and out as a soft horizontal light band sweeps across them.
CSSRadar
A set of three concentric fine-line circles centered on a tiny crosshair, with a radial sweeping vector line revolving slowly to reveal faint pulsing dots on its path.
CSSScanline
A horizontal rule with coordinate labels on either end that glides slowly down the height of the frame and fades back to the top.
CSSSectors
A circle divided into four quadrants by crosshairs, where the shaded wedge sectors rotate slowly in alternating clockwise and counter-clockwise directions.
CSSShield
A series of nested arc segments forming a protective dome outline that expands and contracts in a slow, rhythmic breathing motion.
CSSWaveform
Two parallel sine-wave lines representing frequency guards that slowly shift phase and ripple in opposite directions across the canvas.
CSS