Transitions 1.2.2

Property-scoped transition utilities backed by motion duration tokens — stable CSS in 1.2.0. Deutsch: ?berg?nge

Maturity: Documented as stable in VelinStyle 1.2.0. Studio and the complete Utility Engine remain planned — shipping utilities are hand-authored under @layer utilities, not a full variant generator.

When to use

Apply transition utilities wired to --velin-duration-* / ease tokens.

When not

Decorative motion must respect prefers-reduced-motion.

Classes

Class	Property
`.velin-transition`	all (token)
`.velin-transition-colors`	color, background-color, border-color
`.velin-transition-opacity`	opacity
`.velin-transition-transform`	transform
`.velin-transition-shadow`	box-shadow
`.velin-transition-none`	none

<button type="button" class="velin-btn velin-btn--primary velin-transition-colors">Hover me</button>
<button type="button" class="velin-btn velin-btn--ghost velin-transition-opacity">Opacity</button>

Reduced motion

Global reset shortens transitions under prefers-reduced-motion: reduce. Prefer .velin-transition-none when a control must never animate.