Еффект лупы на css (для изображения) - CSS
Эффект лупы на css (для изображения)
Качаем скрипт и подключаем к сайту:
Кидаем код в CSS:
Это в нужное для Вас место:
Качаем скрипт и подключаем к сайту:
Код
<script type="text/javascript" src="Адрес до скрипта"/>
Кидаем код в CSS:
Код
.glass {
width: 175px;
height: 175px;
position: absolute;
border-radius: 50%;
cursor: crosshair;
/* Создание эффекта стекла */
box-shadow:
0 0 0 7px rgba(255, 255, 255, 0.85),
0 0 7px 7px rgba(0, 0, 0, 0.25),
inset 0 0 40px 2px rgba(0, 0, 0, 0.25);
/* Изначально скрыто */
display: none;
}
width: 175px;
height: 175px;
position: absolute;
border-radius: 50%;
cursor: crosshair;
/* Создание эффекта стекла */
box-shadow:
0 0 0 7px rgba(255, 255, 255, 0.85),
0 0 7px 7px rgba(0, 0, 0, 0.25),
inset 0 0 40px 2px rgba(0, 0, 0, 0.25);
/* Изначально скрыто */
display: none;
}
Это в нужное для Вас место:
Код
<img class="magniflier" src="Ссылка на изображение" width="300"/>
0| Всего комментариев: 0 | |
 | Информация: Посетители, находящиеся в группе Гости, не могут оставлять комментарии. |