✅ Как создать интересную анимацию при наведении?
Когда пользователь наводит мышкой на определенный объект и он начинает ярко светиться или делать другие крутые эффекты, это всегда вызывает эмоции, тем самым привлекая больше внимания к тексту.
Мы делимся вариантом эффекта при наведении. В этом коде вы можете добавить или поменять все стили под себя:
HTML ⤵️
Когда пользователь наводит мышкой на определенный объект и он начинает ярко светиться или делать другие крутые эффекты, это всегда вызывает эмоции, тем самым привлекая больше внимания к тексту.
Мы делимся вариантом эффекта при наведении. В этом коде вы можете добавить или поменять все стили под себя:
HTML ⤵️
<h1><span>I</span>M<span>POSSIBLE</span></h1>
CSS ⤵️body{
background-color: #000;
display: flex;
align-items: center;
justify-content: center;
min-height: 100vh
}
h1{
color: #484848;
font-size: 50px;
font-family: monospace;
letter-spacing: 7px;
cursor: pointer
}
h1 span{
transition: .5s linear
}
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;
}
#практика #html #css