ZorNet.Ru — сайт для вебмастера » HTML и CSS » Эффект прозрачности картинки на сайте

Эффект прозрачности картинки на сайте

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

В CSS:

Код
a:hover img {  
  filter: progid: DXImageTransform.Microsoft.Alpha(opacity=50);  
  -moz-opacity: 0.5; /* Mozilla 1.6 */  
  -khtml-opacity: 0.5; /* Konqueror 3.1, Safari 1.1 */  
  opacity: 0.5; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */  
  filter: alpha(opacity=50); /* IE 5.5+*/  
  }


Вы сами выставляйте прозрачность, какая вам нужна.
20 Ноября 2015 Просмотров: 1800 Комментариев: (4)

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

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

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

Комментарии: 4
Kvint
Kvint 20 Ноября 2015 23:301
0
Как понял этот эффект стоит здесь на сайте.
Kosten
Kosten 20 Ноября 2015 23:342
+2
Все правильно, только есть одно но, здесь он на вид материале и больше не где его нет. А эти стили позволяют и работают на всем сайте, даже на баннерах. Если будет в информере картинка и вооюще на скрипте который выводит аву, то он будет работать.
Kvint
Kvint 20 Ноября 2015 23:513
0
Нормально, по всему сайту, думаю не надоест, где то плюсы есть, сразу видно, что ты навел курсор правильно.
ZruBkul
ZruBkul 06 Декабря 2015 04:254
0
Как так просмотрел этот эффект, нормально работает.
avatar