design

animation-delay: каскадное появление карточек

animation-delay: каскадное появление карточек

Классы .card:nth-child(1) { animation-delay: 0ms }, :nth-child(2) { 80ms } — staggered fade-in секции портфолио при загрузке.

При prefers-reduced-motion: reduce обнуляйте delay и duration — все карточки появляются сразу.

- [animation-delay — MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/animation-delay) — Задержка старта.

- [CSS animations — web.dev](https://web.dev/learn/css/animations) — delay и fill-mode.

---

## Перфоманс

Анимируйте opacity и transform, не box-shadow на 20 элементах одновременно.

beforetoggle: хук жизненного цикла popover

Аналитика до открытия панели.

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