• Страница 1 из 1
  • 1
Форум » Сообщество "Скрипты - in.uCoz.org" » Для и О uCoz » Эффект прозразрочности для счетчиков (Прозрачность картинок при наведении)
Эффект прозразрочности для счетчиков
ProsvetekvatorДата: Четверг, 09.05.2013, 20:36 | Сообщение # 1
Статус: Offline
Полковник
Сообщений: 152
Награды «2»
-
+
«7»
Думаю все видели на сайтах прикольный эффект прозрачности при наведении у счетчиков или картинок. Хотите такой же эффект на свой сайт? Решение простое, установите в 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
Поиск:
Понравилась тема? Расскажи друзьям...