Выполнить »
×
Изменить ориентацию
Открыть на Codepen
Изменить тему, Темная/Светлая
<!DOCTYPE html> <html> <head> <style> img { opacity: 0.5; } img:hover { opacity: 1.0; } </style> </head> <body> <h1>Прозрачность изображения</h1> <p>Свойство opacity часто используется вместе с селектором :hover для изменения непрозрачности при наведении курсора мыши:</p> <img src="../images/img_forest.jpg" alt="Forest" width="170" height="100"> <img src="../images/img_mountains.jpg" alt="Mountains" width="170" height="100"> <img src="../images/img_5terre_css.jpg" alt="Italy" width="170" height="100"> </body> </html>
