• Страница 1 из 1
  • 1
Форум » Web-Раздел » Начинающему вебмастеру » Создать эффект прозрачности элемента сайта
Создать эффект прозрачности элемента сайта
Kosten
Воскресенье, 29 Октября 2017 | Сообщение 1
Оффлайн
Администраторы
Сообщений:44355
Награды: 70
Теперь можно без скрипта, а на чистых стилях сделать эффект прозрачности, которая будет как с эффектом при наведение, так и без него.



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

Добавляем в 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 Октября 2017 | Сообщение 2
Оффлайн
Друзья сайта
Сообщений:882
Награды: 40
/forum/123-6361-1#42601



Помог? Скажи спасибо в виде "+" - вам мелочь, а мне приятно.
Бесплатное оказание помощи в ответах на "Вопросы про uCoz".
Страна: (UA)
Kosten
Понедельник, 30 Октября 2017 | Сообщение 3
Оффлайн
Администраторы
Сообщений:44355
Награды: 70
-SAM-, и что вы хотите сказать, этой ссылкой, типа есть такой материал, и меня даже ломает, что то отписать. одной ссылки хватит. я так понимаю.

Не оригинально!
Страна: (RU)
workman
Понедельник, 30 Октября 2017 | Сообщение 4
Оффлайн
Проверенные
Сообщений:1716
Награды: 9
Kosten, А я вообще балдею в том что пользователи указывают что админу группы нужно делать и какие ставить темы и указывать им на повтор 09a 11a
Страна: (RU)
-SAM-
Понедельник, 30 Октября 2017 | Сообщение 5
Оффлайн
Друзья сайта
Сообщений:882
Награды: 40
Про повторы уже говорилось, тут речь идёт про то, что дополнение писалось к этому решению (каждый раз скидывать его - смысла нет, посему просто ссылка).



Помог? Скажи спасибо в виде "+" - вам мелочь, а мне приятно.
Бесплатное оказание помощи в ответах на "Вопросы про uCoz".
Страна: (UA)
Kosten
Понедельник, 30 Октября 2017 | Сообщение 6
Оффлайн
Администраторы
Сообщений:44355
Награды: 70
workman, но а по чему бы и нет, не против, что показывают, что повтор, это нормально, дело в том, что ссылка, вот переходи и смотри, разница в подаче.

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