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

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

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

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

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

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

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

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

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



Источник: Dbmast.ru
25 Октября 2016 Загрузок: 8 Просмотров: 2174 Комментариев: (5)

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

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

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

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