Начало распродаж · Скидка на доставку · Поступление новой коллекции

BELAYA KASKA / FEATURE

designАвтор: Пуск‑Медиа (импорт)Просмотры: 3

cubic-bezier: кривые easing из дизайн-токенов

Отличие ease-out от custom bezier.

Изображение статьи: cubic-bezier: кривые easing из дизайн-токенов

Токен --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1) даёт «снэп» в конце — характер бренда в hover кнопок и открытии drawer.

Избегайте длительности >400ms на микро-взаимодействиях — bezier не спасает медленный UI.

- [cubic-bezier() — MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/easing-function/cubic-bezier) — Контрольные точки.

- [cubic-bezier.com](https://cubic-bezier.com/) — Визуальный редактор кривой.

---

## reduced-motion

В @media (prefers-reduced-motion: reduce) сократите duration или отключите transition.

#CSS#motion#токены

Мы используем обязательные cookie для работы сайта (корзина, вход, оформление заказа) и необязательные — для аналитики и маркетинга. Вы можете принять все, отклонить необязательные или настроить категории. Подробнее в политике cookies.