Хак. Эффект прозрачности для изображений

Автор:   ‡   Дата: 28th Январь 2012   ‡   Рубрика: Хаки   ‡  
турецкие бани хамам, строительство турецких бань. .

Хак. Эффект прозрачности для изображенийВозможно Вы когда либо видели, что счетчики на сайте сделаны как бы более прозрачными или тусклыми а при наведении на них курсором приобретают начальные свойства. Мне всегда это нравилось, но я не задумывался а как это делается…Сегодня я приведу пример реализации данного, достаточно интересного и необычного эффекта без помощи javascript а исключительно на CSS.

Открываем /templates/название вашего шаблона/css/style.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);

И все картинки, которые хотим сделать с эффектом прозрачности заключаем в div:

<div id="banners">Картинки желаемые</div>


Смотрите также:

Комментирование закрыто.