ZorNet.Ru — сайт для вебмастера » HTML и CSS » Прозрачный эффект изображений на CSS3

Прозрачный эффект изображений на CSS3

Прозрачный эффект изображений на CSS3
Сейчас не кого не удивить эффектом прозрачности, который происходит при клике. Другое дело, разобрать как его сделать, что мы сделаем. Если говорить с первого изображение, то как видим здесь по умолчанию картинка сразу идет как нужно. И только навести курсор, так как она будет темнеть, и здесь от стилей зависит, на сколько, вообщем можно выставить. Переходим ко второй картинке, ее больше всего мы видим на интернет ресурсах. Это по умолчанию у нее сразу затемненный вид, и только мы наводим и он сразу автоматически делается светлой. А точнее приобретает свой оригинальный вид.

И теперь вы можете поставить себе на сайт этот эффект, который представлен в 2 разнообразных видах, и какой вам понравится тот и поставите, и что главное по установке, все не сложно. Сама она прописана в архиве, это код под ссылку и 2 разных и в чем то похожих стиля. Для этого вам еще будет представлена демонстрация, где вы визуально все можете посмотреть, как все работает и будет работать на сайте и где лучше применить. Но и для информации, все эти эффекты можно только построить на CSS3, под оригинальное оформление.

Первый вариант:

Эффект прозрачности для изображений

Второй вариант:

Эффект прозрачности для картинкиPS

PS - для понимание в архиве все пронумеровано, также с DEMO изображение все совпадают, вам остается выбрать тот, который подходит или можно оба установить.



Источник: Dbmast.ru
2016-10-25 Загрузок: 8 Просмотров: 1736 Комментарий: (5)

Поделиться в социальных сетях

Материал разместил

Оставь свой отзыв

Комментарий: 5
FeStemBer
FeStemBer 2016-10-25 01:271
+2
Но здесь стоит, что нормально видишь, а при наведение идет мутность, может сделать наоборот.
Tergran
Tergran 2016-10-25 19:222
0
А здесь нужно просто стили установить и классы поменять, так быстрее будет.
FeStemBer
FeStemBer 2016-10-25 23:003
0
Можно, если ставить на весь сайт, но не думаю, что нужно, на вид материалов вполне хватит, или у кого фотоальбом активирован, там вот также можно применить.
Сопрано
Сопрано 2016-10-25 23:034
0
Заметил, что на любой системе есть такой эффект.
Kosten
Kosten 2016-10-25 23:105
0
Но это не секрет, просто на конструкторе uCoz - это уже тоже не ново, а давно применяют, но кто в курсе если есть такой скрипт.
avatar