|
   |
| Форум Система ucoz Скрипты Эффект прозрачности для изображений (Эффект прозрачности для изображений) |
| Эффект прозрачности для изображений |
Offline
 Возможно Вы когда либо видели, что счетчики на сайте сделаны как бы более прозрачными или тусклыми а при наведении на них курсором приобретают начальные свойства. Мне всегда это нравилось, но я не задумывался а как это делается… Сегодня я приведу пример реализации данного, достаточно интересного и необычного эффекта без помощи JavaScript а исключительно на CSS. Вот так выглядит наш 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> 
   |
| |||
| |||
Все права не нарушены.
Сайт действует с 2011 года. Карта сайта - RSS лента
