✅ Как создать блестящий hover эффект?
Создание данного эффекта поможет вам привлечь внимания к особому тексту, так как при наведении курсора, он начинает прикольно светиться и плавно меняет цвет. ⬇️
☑️ Создать его максимально просто, но тем не менее выглядит классно. Для его создания нужен 1 псевдокласс :hover, там меняем цвет и добавляем text-shadow.
@code_ready | #обучение #css
Создание данного эффекта поможет вам привлечь внимания к особому тексту, так как при наведении курсора, он начинает прикольно светиться и плавно меняет цвет. ⬇️
☑️ Создать его максимально просто, но тем не менее выглядит классно. Для его создания нужен 1 псевдокласс :hover, там меняем цвет и добавляем text-shadow.
<h1>@code_ready</h1>
body {background: #262626;}
h1 {
font-size: 60px;
font-family: sans-serif;
font-weight: 600;
text-align: center;
color: #666;
transition: 1s;
cursor: pointer;
}
h1:hover {
color: #ffee10;
text-shadow: 0 0 10px #ffee10;
}
@code_ready | #обучение #css