Сегодня я приведу пример реализации данного, достаточно интересного и необычного эффекта без помощи JavaScript а исключительно на CSS. Вот так выглядит наш CSS код Код <style type="text/css"> <!-- #banners a img { opacity:0.3; -moz-opacity:0.3; filter:alpha(opacity=40); } #banners a:hover img { opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100); } --> </style> Далее необходимые нам изображения заключаем в соответствующий DIV. К примеру вот так… Код <div id="banners">Сылка на картинку,тизер,банер</div> Куда мы можем применить данный эффект… опять же таким образом мы можем увести акцент внимания с определенных объектов, тех же счетчиков, или можем сделать наши изображения скажем в фото галерее на сайте полупрозрачными. Возможно применить этот эффект с созданию меню сайта…в общем фантазия в Ваших руках.
|