✅ Как сделать Hover Slide Effect?
Slide Effect - интересный способ стилизации кнопки. При наведении мышки на объект слева плавно появляется свойство box-shadow, которое задано в коде. Можно добавить через запятую радиус размытия и распространения, а также сменить цвет.
Оставляем ниже код, для создания такого эффекта кнопки: ⤵️
Slide Effect - интересный способ стилизации кнопки. При наведении мышки на объект слева плавно появляется свойство box-shadow, которое задано в коде. Можно добавить через запятую радиус размытия и распространения, а также сменить цвет.
Оставляем ниже код, для создания такого эффекта кнопки: ⤵️
button {
color: #FFF;
border: 2px solid rgb(216, 2, 134);
width: 220px;
height: 60px;
font-family: sans-serif;
font-size: 15px;
cursor: pointer;
box-shadow: inset 0 0 0 0 #D80286;
transition: ease-out 1s;
background: #162944;
}
button:hover {
box-shadow: inset 400px 0 100px 0 #D80286;
}
#обучение #html #css