Как создать блестящий hover эффект?



Создание данного эффекта поможет вам привлечь внимания к особому тексту, так как при наведении курсора, он начинает прикольно светиться и плавно меняет цвет. ⬇️



☑️ Создать его максимально просто, но тем не менее выглядит классно. Для его создания нужен 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