Каталог статей
Секрет css или эффект прозрачности изображений/счетчиков
Вы наверное видели на разных сайтах прозрачные тусклые счетчики но при наведении на них курсора они становятся нормальные со стандартным видом , или наоборот картинки, счетчики с нормальными стандартными свойствами а при наведении они становятся прозрачные . В этой новости я обьясню как сделать прозрачность изображения, счетчика без javascript а только с применением css. Т.к. javascript можно отключить или у некоторых он всегда отключен а css работает у все т.е. у всех будет отображаться одинаково . Установка: Открываем ваш .css файл , и добавляем в самый низ данный код : Code #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); } И далее все картинки и счетчики которые вы хотите сделать с эффектом прозрачности заключаем в такой код : Code <div id="banners">Тут код картинок, баннеров, счетчиков.</div> Текст Тут код картинок, баннеров, счетчиков. меняем на ваш код картинок или счетчиков . Любуемся )
Источник: http://forucoz.com/ |
Категория: Скрипты для ucoz | Добавил: Timka (13.05.2010)
|
Просмотров: 316
| Рейтинг: 0.0/0 |
Добавлять комментарии могут только зарегистрированные пользователи. [ Регистрация | Вход ]
|