Эффект прозрачности для изображений - Форум Android: читать отзывы об устройствах - обсудить игры андроид

  • Страница 1 из 1
  • 1
Форум » Система ucoz » Скрипты » Эффект прозрачности для изображений (Эффект прозрачности для изображений)
Эффект прозрачности для изображений
Offline
Администратор
Среда, 10.08.2011, 17:14 | Сообщение #1 | Телефон: Iphone 5
PR Администраторы
  • zOot
  • Сообщения: 2241
  • Репутация: 28

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

Сегодня я приведу пример реализации данного, достаточно интересного и необычного эффекта без помощи 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>
Douglaswerly
Пятница, 21.11.2025, 16:52 | Сообщение #2
PR Гости
https://dzen.ru/a/aMTelD1Lrkw3tKXM
https://dzen.ru/a/aMTeXNf1yTj8cNIk
https://dzen.ru/a/aN3WTt4m2AAYh8XR
Timothyevant
Понедельник, 24.11.2025, 11:48 | Сообщение #3
PR Гости

Great facts , Kudos


Источник:

https://www.qporn.pro/
Форум » Система ucoz » Скрипты » Эффект прозрачности для изображений (Эффект прозрачности для изображений)
  • Страница 1 из 1
  • 1
Поиск:
Новый ответ
Имя:
Текст сообщения:
Опции сообщения:
Код безопасности: