Регистрация

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

TipTop 29-06-2009, 04:48 3246 Хаки DLE

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

Сегодня я приведу пример реализации данного, достаточно интересного и необычного эффекта без помощи 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>

Похожие новости

Затемнение при просмотре видео

Хак затемнение при просмотре видео, установка в fullstory подходит для кино сайтов.

29.10.14 Хаки DLE
Cpojer - хак ссылок в DLE.

Cpojer - хак ссылок в DLE - это простой css что сообщает ссылкам необычайно прекрасный эффект в

24.12.10 Хаки DLE
Вывод картинки тегом

При помощи данного хака можно разнообразить шаблон новости. Для чего нужен хак: Для вывода

09.09.10 Хаки DLE

Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.
Powered by Dleshka.org. Сайт предназначен для выбора шаблонов и дополнений с использованием CMS DataLife Engine.
Закрыть