• Страница 1 из 1
  • 1
Форум » Территория вебмастера » Начинающему вебмастеру » Создать эффект прозрачности элемента сайта
Создать эффект прозрачности элемента сайта
Kosten
Дата: Воскресенье, 29.10.2017, 15:45 | Сообщение 1
Администраторы
Сообщений:17616
Награды: 55


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



Под изображение:

Добавляем в 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);
}


И все картинки, которые хотим сделать с эффектом прозрачности заключаем в div:

Код
<div id="banners">Картинки желаемые</div>


Вот и все готово.

Также есть на форуме отличное решение по этой теме с плавной прозрачностью.
Прикрепления: 9835061.png(4.5 Kb)
Страна: (RU)
-SAM-
Дата: Воскресенье, 29.10.2017, 16:32 | Сообщение 2
Друзья сайта
Сообщений:430
Награды: 18


http://zornet.ru/forum/123-6361-1#42601

Страна: (UA)
Kosten
Дата: Понедельник, 30.10.2017, 04:58 | Сообщение 3
Администраторы
Сообщений:17616
Награды: 55


-SAM-, и что вы хотите сказать, этой ссылкой, типа есть такой материал, и меня даже ломает, что то отписать. одной ссылки хватит. я так понимаю.

Не оригинально!
Страна: (RU)
workman
Дата: Понедельник, 30.10.2017, 15:12 | Сообщение 4
Гл. Модератор
Сообщений:1717
Награды: 9


Kosten, А я вообще балдею в том что пользователи указывают что админу группы нужно делать и какие ставить темы и указывать им на повтор 09a 11a
Страна: (RU)
-SAM-
Дата: Понедельник, 30.10.2017, 15:38 | Сообщение 5
Друзья сайта
Сообщений:430
Награды: 18


Про повторы уже говорилось, тут речь идёт про то, что дополнение писалось к этому решению (каждый раз скидывать его - смысла нет, посему просто ссылка).

Страна: (UA)
Kosten
Дата: Понедельник, 30.10.2017, 20:07 | Сообщение 6
Администраторы
Сообщений:17616
Награды: 55


workman, но а по чему бы и нет, не против, что показывают, что повтор, это нормально, дело в том, что ссылка, вот переходи и смотри, разница в подаче.

Что нельзя было отписать, что переход по этой ссылке идет как повторение.
Страна: (RU)
Форум » Территория вебмастера » Начинающему вебмастеру » Создать эффект прозрачности элемента сайта
  • Страница 1 из 1
  • 1
Поиск: