Появление картинки при наведении курсора

Внедряем CSS в HTML. JavaScript.
Аватара пользователя
Slash
Администратор
Сообщения: 2207
Зарегистрирован: Сб авг 11, 2012 7:39 am
Поблагодарили: 81 раз

Появление картинки при наведении курсора

#1

Сообщение Slash » Ср авг 29, 2012 7:53 pm

Иногда есть необходимость сделать картинку еле заметной, например счётчик посетителей вашего сайта. Делается это с помощью css:
Добавьте в ваш файл стиля следующие:

Код: Выделить всё

#danfa a img { 
    opacity: 0.3; 
}

#danfa a:hover img { 
    opacity: 1.0; 
} 
где в строчке:

Код: Выделить всё

 opacity: 0.3; 
цифра 0.3 - это процент видимости картинки. А в строчке:

Код: Выделить всё

opacity: 1.0
цифра 1.0 - это процент видимости картинки при наведении курсора. Проценты можно изменять как вам угодно.
Теперь, картинку которую надо сделать еле заметной заключаем в тег:

Код: Выделить всё

<div id="danfa"> ... здесь код вашей картинки ... </div> 

Реклама
torg
Сообщения: 94
Зарегистрирован: Вс окт 28, 2012 8:15 pm

Re: Появление картинки при наведении курсора

#2

Сообщение torg » Вс май 05, 2013 9:06 pm

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

Ответить Пред. темаСлед. тема

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 0 гостей