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

Здесь вы увидите долгое описание того, как я создавал эту небольшую кнопку. Будет множество пояснений для новичков, которые могут показаться вам бесполезными. Но как показывает практика, даже верстальщики с опытом в 1 год, не знают многих базовых вещей. П.с. в связи с тем, что Яндекс.дзен автоматически применяет хёштеги, формат записи цвета будет в rgb. Листай в самый низ, если скучно (там код) =) Голый HTML Для начала зададим фону приятный цвет, который будет гармонично смотреться с кнопкой и эффектом наведения...