» »

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


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

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

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

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

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

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

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

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



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

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

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

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