✅ Highlight Text
Делимся с вами ниже готовым кодом для создания оформленной анимации выделения любого текста, с использованием псевдокласса hover: ⤵️
Делимся с вами ниже готовым кодом для создания оформленной анимации выделения любого текста, с использованием псевдокласса hover: ⤵️
span {
font-family: 'Bebas Neue', cursive;
font-size: 2em;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
background-image: linear-gradient(gold, gold);
background-size: 100% 10px;
background-repeat: no-repeat;
background-position: 100% 0%;
transition: all .7s ease;
}
span:hover {
background-size: 100% 100%;
background-position: 0% 100%;
transition: all .7s ease;
}
#практика #css