Эффект прозразрочности для счетчиков

Страница 1 из 1
1

Prosvetekvator09.05.2013

Думаю все видели на сайтах прикольный эффект прозрачности при наведении у счетчиков или картинок. Хотите такой же эффект на свой сайт? Решение простое, установите в css вот эти стили:

Код

/* ----/Эффект прозрачности для объектов/------- */

   #banner a img {opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100);}

   #banner a:hover img {opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50);}

Так же можно сделать наоборот, как показано на скрине, чтоб изначально счетчики были прозрачными, а при наведении, эффект убирался. Для этого в css ставим этот стиль:

Код

   /* ----/Эффект прозрачности для объектов/------- */

   #banner a img {opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50);}

   #banner a:hover img {opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100);}

Теперь все счетчики или изображения к которым хотите применить этот эффект заключите в DIVы вот так:

Код

<div id="banners">Тут счётчики или изображения</div>

Страница 1 из 1
1

Эффект прозразрочности для счетчиков - Форум