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

TRANSITION Свойство transition позволяет плавно анимировать изменения CSS-свойств элемента. Оно позволяет задать переходные эффекты при изменении состояния элемента, таких как изменение цвета, размера, положения и других атрибутов. Применяется к элементам, которые имеют начальное и конечное состояние. Пример использования transition: Пошаговое руководство: Шаг 1: Определите элемент Сначала вам понадобится HTML-элемент, к которому вы хотите применить переходный эффект. Например, это может быть...