Воскресенье, 24.11.2024, 06:38 | Приветствую Вас Гость

Мой сайт

AC MILAN

Каталог статей

Главная » Статьи » Скрипты для ucoz

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

Сегодня я приведу пример реализации данного, достаточно интересного и необычного эффекта без помощи 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"> 

<a href="#"><img src="cnt.gif" width="88" height="31" border="0"></a> 

<a href="#"><img src="cycounter.gif" width="88" height="31" border="0"></a> 

<a href="#"><img src="hit.gif" width="88" height="31" border="0"></a> 

<a href="#"><img src="img.gif" width="88" height="31" border="0"</a> 

</div>


Категория: Скрипты для ucoz | Добавил: Timka (14.06.2010)
Просмотров: 310 | Комментарии: 1 | Теги: Эффект прозрачности | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Категории раздела
Скрипты для ucoz [408]
Шаблоны для ucoz [0]
Графика для ucoz [5]
Как раскрутить сайт [28]
Видеоуроки для Ucoz [0]
Всё для фотошопа [0]
Видеоуроки фотошопа [0]
Заработок на сайте [1]
Советы по uCoz [2]
Статистика
Рейтинг@Mail.ru
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Поиск
Теги
Опрос
Как вам новый дизайн?
Всего ответов: 31