Tilt Card
→Карточки наклоняются в 3D: угол rotateX / rotateY считается от позиции курсора относительно центра элемента и догоняется через lerp. Наведите на любую карточку.
★★★☆☆Medium
Микро-взаимодействия при наведении.
Карточки наклоняются в 3D: угол rotateX / rotateY считается от позиции курсора относительно центра элемента и догоняется через lerp. Наведите на любую карточку.
★★★☆☆Medium
Карточка приподнимается и получает мягкую тень при :hover. Параметры подъёма, масштаба и длительности — CSS-переменные, настраиваемые в Debug.
★★☆☆☆Easy
При наведении рамка загорается вращающимся conic-gradient и мягким свечением. Внутренняя маска сохраняет чистый фон карточки.
★★★☆☆Medium
Ссылки с анимированным подчёркиванием: линия растёт от заданной точки (left / center / right) через scaleX и transform-origin.
★★☆☆☆Easy
Карточка с изображением: при hover картинка масштабируется, оверлей с текстом поднимается и проявляется — классический image reveal без JS-анимации кадров.
★★★☆☆Medium
Кнопки с диагональным бликом: псевдоэлемент с градиентом проходит по поверхности при :hover — эффект «shine sweep» без Canvas.
★★☆☆☆Easy
Двусторонние карточки с 3D-переворотом при :hover. Ось flip (X или Y), perspective и длительность задаются CSS-переменными.
★★★☆☆Medium