Набор сдержанных приёмов под B2B: счётчики на скролле, плавное появление блоков, aurora-фон, бегущая лента, hover-объём и магнитная кнопка, рисующиеся иконки. Всё уважает prefers-reduced-motion.
Анимированный «aurora»-градиент: двигаем только background-position (дёшево для GPU), цвета бренда, 16 секунд, низкий контраст.
Scroll-reveal · появление со сдвигом
От забора груза в Китае до доставки на склад в России — один подрядчик.
Отслеживание на всех этапах и страховка груза включены в стоимость.
Прозрачные сроки по каждому виду транспорта и контроль на маршруте.
Hover-объём · подъём и 3D-наклон (только мышь)
Карточка приподнимается на translateY(-6px) с усилением тени — рабочая лошадка интерфейса.
Лёгкий наклон ≤7° к курсору через rotateX/Y. Дозированно — иначе «портфолио».
Те же дешёвые свойства transform и тень — 60 fps без перерисовок layout.
Магнитная кнопка · тянется к курсору (сила 0.25)
Рисующиеся иконки · stroke-dashoffset при появлении
Бегущая лента · хабы и сервисы (пауза на hover)
IntersectionObserver + requestAnimationFrame с easeOutQuart, срабатывают раз. Reveal анимирует только transform/opacity. Магнит и tilt включены лишь при pointer: fine и разрешённой анимации, чтобы не мешать тачу/клавиатуре. Лента — дублированный список со сдвигом на −50%.