Эффект прозрачности для изображений - Форум
Скачать музыку с Vkontakte.ru
Главная страница
Музыкальный форум
Клипы онлайн
Скачать MP3 бесплатно
Вся музыка


[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум » Ucoz » Другие скрипты для uCoz » Эффект прозрачности для изображений
Эффект прозрачности для изображений
walleДата: Пятница, 26.08.2011, 01:01 | Сообщение # 1
Логин: walle
Имя: BuTeK
Сообщений: 138
Награды: 0
Репутация: 251
Замечания:
ID вашей групы: 2
Offline


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

Code
<style type="text/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);    

}    

-->    

</style>


Далее необходимые нам изображения заключаем в соответствующий DIV. К примеру вот так…

Code
<div id="banners">    

Картинка   

Картинка   

</div>



Форум » Ucoz » Другие скрипты для uCoz » Эффект прозрачности для изображений
  • Страница 1 из 1
  • 1
Поиск:


© mp3online.3dn.ru       Хостинг от uCoz