← Banco SMC v15

⚡ Motion · easing & duration

3 easings · 3 durations · ease-out canon · 280ms base
LIVE TRACK · click "Run" para animar con tus parámetros
cubic-bezier(.22,1,.36,1) · 600ms
COMPARATIVA · 3 easings SMC canon
ease-out · default
cubic-bezier(.22, 1, .36, 1)
ease-in-out · balanced
cubic-bezier(.65, 0, .35, 1)
spring · delight
cubic-bezier(.34, 1.56, .64, 1)
Hover card
Premium
Easing ease-out
ease-out ease-in-out spring ease-in ease
Duration 600ms
Preset SMC
fast 120 base 280 slow 480 delight
CSS tokens
--ease-out: cubic-bezier(.22,1,.36,1);
--dur-fast: 120ms;
--dur-base: 280ms;
--dur-slow: 480ms;