Возможно Вы когда либо видели, что счетчики на сайте сделаны как бы более прозрачными или тусклыми а при наведении на них курсором приобретают начальные свойства. Мне всегда это нравилось, но я не задумывался а как это делается…
Возможно Вы когда либо видели, что счетчики на сайте сделаны как бы более прозрачными или тусклыми а при наведении на них курсором приобретают начальные свойства. Мне всегда это нравилось, но я не задумывался а как это делается…
Вот так выглядит наш 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»>
[url=#»>[img]cnt.gif[/img]</a>
<a href=][img]cycounter.gif[/img][/url]
<a href=»#»>[img]hit.gif[/img]</a>
<a href=»#»>[img]img.gif[/img]
</div>
Куда мы можем применить данный эффект… опять же таким образом мы можем увести акцент внимания с определенных объектов, тех же счетчиков, или можем сделать наши изображения скажем в фото галерее на сайте полупрозрачными. Возможно применить этот эффект с созданию меню сайта…в общем фантазия в Ваших руках.