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


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



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

Добавляем в 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(4Kb)
Страна: (RU)
-SAM-
Дата: Воскресенье, 29.10.2017, 16:32 | Сообщение # 2
Проверенные
Сообщений:288
Награды: 14


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

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


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

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


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


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

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


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

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