Как сделать тень при наведении в css?
2 ответа
от
madelyn_hintz ,
2 года назад
@guillermo Сделать тень при наведении в CSS можно через hover :
1 2 3 4 5 6 7 8 9 10 |
<head> <style> p:hover{ text-shadow: 2px 2px 2px rgb(10, 20, 30); } </style> </head> <body> <p>Тень при наведении</p> </body> |
от
marisa ,
год назад
@guillermo
Для создания тени при наведении на элемент в CSS, можно использовать псевдокласс :hover и свойство box-shadow.
Например, если вы хотите добавить тень при наведении на кнопку, можно написать следующий CSS код:
1 2 3 |
button:hover { box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); } |
В этом примере box-shadow задает тень с радиусом 10 пикселей и полупрозрачностью 50% (rgba(0, 0, 0, 0.5)), которая будет отображаться, когда пользователь наведет курсор на кнопку.
Вы можете настроить параметры тени, такие как радиус, цвет, размытие и смещение, чтобы получить желаемый эффект.
15