animate

Preset animate values and their consumers.

Scope

These values come from the current preset. Project theme declarations can override them. Mode-specific entries are labeled separately.

Named animation shorthands combine a keyframe name with timing and repetition. The current recipes loop indefinitely; use a finite animation when an entrance should run once.

Values

fade

--animate-fade

Defaultfade 1s infinite

flash

--animate-flash

Defaultflash 1s infinite

float

--animate-float

Defaultfloat 3s ease-in-out infinite

heart

--animate-heart

Defaultheart 1s infinite

jump

--animate-jump

Defaultjump 1s infinite

ping

--animate-ping

Defaultping 1s infinite

pulse

--animate-pulse

Defaultpulse 1s infinite

rotate

--animate-rotate

Defaultrotate 1s linear infinite

shake

--animate-shake

Defaultshake 1s infinite

zoom

--animate-zoom

Defaultzoom 1s infinite

Consumers

animate-

Customize

See variables and modes and theme directives. For usage and examples, see Motion.