- ЛентаВоскресенье 28.04.2024 02:03
in.uCoz.org - создан в помощь uCмастеру и служит для решения проблем возникших у пользователей администрирующих сайты системы uCoz. Все вопросы пишите на форуме в соответствующий раздел
Вы находитесь: Главная » Эффект прозразрочности для счетчиков - Форум- Страница 1 из 1
- 1
Форум » Сообщество "Скрипты - in.uCoz.org" » Для и О uCoz » Эффект прозразрочности для счетчиков (Прозрачность картинок при наведении) Эффект прозразрочности для счетчиков Prosvetekvator Дата: Четверг, 09.05.2013, 20:36 | Сообщение # 1 
Думаю все видели на сайтах прикольный эффект прозрачности при наведении у счетчиков или картинок. Хотите такой же эффект на свой сайт? Решение простое, установите в 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>Прикрепления: 4535922.jpg (4.1 Kb)«Пред. тема | След. тема» 
Форум » Сообщество "Скрипты - in.uCoz.org" » Для и О uCoz » Эффект прозразрочности для счетчиков (Прозрачность картинок при наведении) - Страница 1 из 1
- 1
Понравилась тема? Расскажи друзьям...
