Пять строк CSS кода без использования JavaScript и прочих языков. Затемненная картинка при наведении курсора становится светлой.
Полезное решение, когда необходимо спрятать счетчики веб-аналитики или сделать их менее заметными.
HTML разметка
<div class="box-image">
<figure>
<img src="#" alt="">
</figure>
</div>CSS. По умолчанию затемнены
/*Светление картинок при наведении*/
.box-image a img,
.box-image img{
opacity:0.3;
}
.box-image a img:hover,
.box-image img:hover{
opacity:1.0;
}CSS. По умолчанию не затемнены
/*Затемнение картинок при наведении*/
.box-image a img,
.box-image img{
opacity:1.0;
}
.box-image a img:hover,
.box-image img:hover{
opacity:0.3;
}Как вы уже могли догадаться, за тень отвечает стиль opacity, который накладывает на объект не тень, а прозрачность. Значение параметров колеблется от 0 — полная прозрачность до 1 — 100% непрозрачности.
Лестницы в Киеве
http://master-wood.com.ua/lestnicy-Kiev.html
Грузоперевозки Житомир
http://avto-spectehnika.com.ua/Gruzoperevozki/Gruzoperevozki-Zhitomir.html
Грузоперевозки Киев
http://avto-spectehnika.com.ua/Gruzoperevozki/Gruzoperevozki-Kiev.html
Межкомнатные двери в Киеве
http://master-wood.com.ua/mezhkomnatnye-dveri-v-Kieve.html
Лестницы Киев
http://stohod.com.ua/lestniccy-Kiev.html
Создание сайтов в Киеве
http://vipsite-zhitomir.com.ua/kiev.php
Адвокат в Житомире
http://vash-urist.com.ua/advokat-v-Zhitomire.html
http://o93181qx.bget.ru
Спасибки. Долго искала.