Transition

Elevate CSS features a compound property for setting the color of a resizing caret:

transition Property Modifiers

Property	Expected Values	Example
transition	ultra-fast (all 0.05s ease-in-out) fast (all 0.1s ease-in-out) medium (all 0.2s ease-in-out) slow (all 0.3s ease-in-out) ultra-slow (all 0.5s ease-in-out) ease (all 0.3s ease) ease-in (all 0.3s ease-in) ease-out (all 0.3s ease-out) linear (all 0.3s linear) snappy (all 0.2s cubic-bezier(0.4, 0, 0.6, 1)) fluid (all 0.4s cubic-bezier(0.25, 1, 0.5, 1)) relaxed (all 0.6s ease-in-out)	transition:snappy

Effects are Token Driven

As with all other effects in Elevate CSS, transitions are considered to be a “design decision” and as such are treated as design system tokens. This means you can override the preset options, bring your own, etc