Как скрыть элемент до наведения в css?
2 ответа
от
alfonso.heidenreich ,
2 года назад
@dorothea_stoltenberg Скрыть элемент до наведения в css можно через opacity :
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <style> img { opacity: 0; } img:hover { opacity: 1; } </style> </head> <body> <img src="image/3.png" /> </body> </html> |
от
jensen ,
год назад
@dorothea_stoltenberg
Вы можете скрыть элемент в CSS, используя свойство opacity или visibility.
Чтобы скрыть элемент с помощью opacity:
1 2 3 |
element { opacity: 0; } |
Чтобы показать элемент при наведении:
1 2 3 |
element:hover { opacity: 1; } |
Чтобы скрыть элемент с помощью visibility:
1 2 3 |
element { visibility: hidden; } |
Чтобы показать элемент при наведении:
1 2 3 |
element:hover { visibility: visible; } |
15