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

	18.09.2013, 14:48
Первый вариант: Контейнеру div прописываем класс transparency HTML-Code `<div class="transparency">Тут ваши счётчики или кнопки сайта</div>` CSS-Code `/* Эффект прозрачности изображений ------------------------------------------*/ .transparency a img { opacity:0.3; -moz-opacity:0.3; filter:alpha(opacity=40); } .transparency a:hover img { opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100); } .transparency_i a:hover img { filter: progid: DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; filter: alpha(opacity=50); }` Теперь наши с вами баннеры будут полупрозрачными, а при наведении на них стрелкой мыши, они примут первоначальный вид. Второй вариант: (очень подходит для графических кнопок) Контейнеру div прописываем класс transparency_i HTML-Code `<div class="transparency_i">Тут ваши счётчики или кнопки сайта</div>` CSS-Code `.transparency_i a:hover img { filter: progid: DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; filter: alpha(opacity=50); }` Теперь при наведении стрелкой мыши на кнопку, она станет полупрозрачной, тем самым будет выглядеть оживлённо.
1 2 3 4 5 Категория: HTML-CSS \| Добавил: tashkent97 \| Теги: CSS, images, HTML
Просмотров: 446 \| Загрузок: 70 \| Источник: http://www.center-dm.ru \| Рейтинг: 5.0/1

Всего комментариев: 0