Правильный порядок состояний (focus, hover, active) для элементов
📚 :hover, :focus, :active, или зачем указывать состояния элементам Знакомы с CSS-псевдоклассами: hover, :focus и :active? Они задают элементам состояния, которые реализуются при определённых действиях пользователя. Например :hover срабатывает, когда пользователь наводит курсор на элемент, а :focus при клике. В статье мы поближе познакомимся с каждым псевдоклассом и узнаем зачем указывать состояния элементам. 👉 https://tml.io/hofoac128t #htmlacademy_полезное
Верстка. Красивый hover эффект (чистый css)
Здесь вы увидите долгое описание того, как я создавал эту небольшую кнопку. Будет множество пояснений для новичков, которые могут показаться вам бесполезными. Но как показывает практика, даже верстальщики с опытом в 1 год, не знают многих базовых вещей. П.с. в связи с тем, что Яндекс.дзен автоматически применяет хёштеги, формат записи цвета будет в rgb. Листай в самый низ, если скучно (там код) =) Голый HTML Для начала зададим фону приятный цвет, который будет гармонично смотреться с кнопкой и эффектом наведения...