✅ Как создать интересную анимацию при наведении?
Когда пользователь наводит мышкой на определенный объект и он начинает ярко светиться или делать другие крутые эффекты, это всегда вызывает эмоции, тем самым привлекая больше внимания к тексту.
Мы делимся вариантом эффекта при наведении. В этом коде вы можете добавить или поменять все стили под себя:
HTML ⤵️
Когда пользователь наводит мышкой на определенный объект и он начинает ярко светиться или делать другие крутые эффекты, это всегда вызывает эмоции, тем самым привлекая больше внимания к тексту.
Мы делимся вариантом эффекта при наведении. В этом коде вы можете добавить или поменять все стили под себя:
HTML ⤵️
<h1><span>I</span>M<span>POSSIBLE</span></h1>
h1{
color: #5b5b5b;
font-size: 50px;
font-family: monospace;
letter-spacing: 7px;
text-align: center;
margin-top: 20%;
cursor: pointer;
}
h1 span{
transition: .8s all;
}
h1:hover span:nth-child(1){
margin-right: 5px;
}
h1:hover span:nth-child(1):after{
content: "'";
}
h1:hover span:nth-child(2){
margin-left: 30px;
}
h1:hover span{
color: #fff;
text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 40px #fff;
}