Эффект прозрачности на CSS

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

Автор не я, просто решил выложить.

Открываем 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 id="banners">
тут счетчики
</div>


Готово smile + тыкаем естественно.

Автор публикации

не в сети 10 лет

Green-wm

Комментарии: 0Публикации: 50Регистрация: 03-03-2011

Понравилась статья? Поделись в соц. сетях:

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

Отправить комментарий

avatar
wpDiscuz
Авторизация
*
*
Регистрация
*
*
*
Генерация пароля