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

Простой эффект на изображение сайта

Простой эффект на изображение сайта
Вы можете создать эффект на изображение сайта, взяв за основу кнопки форума. Просто стилями мы их немного прозрачнее делаем, что получится стильно. И вот за этого получается такой незамысловатый эффект, как будто они реально на стилях установлены. Но здесь нужно понимать, что лучше его применять на одном форуме, если по кнопкам. Если по всему сайту, то какие изображение вы загрузили на его, там он тот же на них будет работать. Но вы можете уменьшить его, сейчас он стоит ровно на половину, это 0.5, что делаем ниже и не так прозрачнее получится.

Установка:

CSS:

Код
/* Prozra4nie ikonki */
img{border:0px !important;}
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+*/}
/* ------------------- */


PS - поставил на этот сайт, но с кнопками все отлично смотрится, но га главную перехожу и он там работает, так что нужно меньше прозрачности делать, если решили не весь ресурс его заключить, чтоб работал.
02 Ноября 2016 Просмотров: 1521 Комментариев: (3)

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

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

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

Комментарии: 3
tsakonter
tsakonter 02 Ноября 2016 15:221
0
Интересное решение.
Kolinkor
Kolinkor 02 Ноября 2016 18:362
0
Это самый простой способ, по кнопкам, и здесь полностью согласен, на форум поставить и немного брать эффект, чтоб на изображение меньше было.
Kosten
Kosten 02 Ноября 2016 18:413
0
Но если ссылку на изображение загружаешь не через сайт, а через код, то на нем эффект не работает.
avatar