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



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

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


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

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


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

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