| |
 91.8 Кб |
|
| | Целый день голову ломал, скажите пожалуйста как сделать вот такую вещь: чтобы при наведении мышки на изображение оно затемнялось и появлялась лупа, желательно только на css. | |
| |
|
|
| |
|
|
| |
для: mbh-pro
(14.11.2013 в 11:38)
| | |
.image { /*блок изображения по размеру изображения*/
position: relative;
width: 400px;
height: 400px;
background: #000;
}
.zoom { /*блок изображения лупы*/
display: none;
position: absolute;
width: 60px;
height: 60px;
background: url(zoom.png);
top: 10px;
right: 10px;
cursor: pointer;
z-index: 2;
}
.image:hover img {
filter: alpha(opacity=50);
-moz-opacity: 0.5; /*и прочий зоопарк разных -ххх-opacity*/
opacity: 0.5;
}
.image:hover .zoom {
display: block;
}
</style>
<div class="image"><img src="image.ext" /><div class="zoom"></div></div>
|
| |
| |
|
|
| |
|
|
| |
для: confirm
(14.11.2013 в 13:21)
| | | Не знал, что у дивов есть событие hover. | |
| |
|
|
| |
|
|
| |
для: mbh-pro
(14.11.2013 в 11:38)
| | | Спасибо большое помогло | |
| |
|
|
