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

Страница 1 из 1
1

Эффект прозрачности изображений! (sml[info])

Сикарашка

28.07.2010, Среда в 20:22

Сообщение #1

@12.png

Вы наверное видели на разных сайтах прозрачные тусклые счетчики но при наведении на них курсора они становятся нормальные со стандартным видом , или наоборот картинки, счетчики с нормальными стандартными свойствами а при наведении они становятся прозрачные . В этой новости я обьясню как сделать прозрачность изображения, счетчика без javascript а только с применением css. Т.к. javascript можно отключить или у некоторых он всегда отключен а 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>

Эффект прозрачности изображений! (sml[info])

Страница 1 из 1
1