Alignment
Three nested concentric rings with missing segments rotate until their gaps align perfectly, creating a single radial line.
CSS
Tenure
15 animationsAnniversary
A stylized wall calendar page curls and lifts upwards to reveal a glowing star icon on the sheet beneath it.
CSSFeedback
A dual-arrow loop rotates continuously in an infinity shape, with small glowing pulses crossing each other at the center.
CSSJourney
A segmented diagonal stair step pathway lights up segment-by-segment from bottom-left to top-right, with a small circle advancing along each level.
CSSMilestone
A geometric trophy outline fills with a solid rising gradient block, crowned by a small star that rotates once at the peak.
CSSOffboarding
A square node at the end of a horizontal line smoothly detaches and slides out of the right side, while the path end neatly rounds off.
CSSOnboarding
A key geometric puzzle piece slides horizontally from the left and locks seamlessly into a larger square grid, which illuminates.
CSSPeer Recognition
Two geometric hand silhouettes emerge from the sides, clap together at the center, and release a small burst of four outward-flying squares.
CSSPromotion
A stacked pyramid of three horizontal bars has its top bar rise upward, transforming into a chevron arrow that pulses.
CSSRetention
A horizontal curve chart draws smoothly from left to right, rising slightly and staying perfectly steady, with a glowing pulse travelling its length.
CSSRole Change
A solid square shifts horizontally out of its column and slides down into an adjacent column, fitting perfectly into a new grid socket.
CSSSkill Map
A pentagonal grid expands its inner filled polygon outward, stretching its vertices to touch the outer boundary points one by one.
CSSSurvey
A smiley-shaped arc meter has its indicator dial sweep from left to right, settling on the far right as the arc glows green.
CSSVesting
A series of four vertical bar graphs rise sequentially from left to right, with each bar changing from a muted to an accent tone as it reaches full height.
CSSWellbeing
A solid circle at the center of the frame slowly expands and contracts in a rhythmic, breathing pace while an outer ring pulses in sync.
CSS