Элемент в CSS «вертится» благодаря свойству transform: rotate(), которое задаёт угол поворота в градусах или радианах. При правильном указании центра вращения и длительности анимации элемент будет крутиться ровно так, как задумано, без неожиданного смещения. Свойство rotate() принимает один параметр — угол, например rotate(45deg) или rotate(0.5turn). Угол измеряется в градусах (deg), радианах (rad) или оборотах (turn). При применении к элементу браузер вычисляет матрицу преобразования и рисует элемент под нужным углом...

Эта подборка топовых CSS hover-эффектов превратит твой скучный сайт в интерактивный аттракцион. Голографические карточки, жидкие морфинги и 3D-кубы — все, чтобы твои пользователи залипали и возвращались снова! Привет, друзья! Я – Кирилл Мыльников, frontend-разработчик в ГК Юзтех. В этом материале мы разберем, изучим топ hover эффектов для CSS. Безусловно, классика всегда остается актуальной. Давайте начнем с базового, но эффектного решения — карты с динамическим трансформационным эффектом. При взаимодействии...