Первая конфета.

CSS на изображение. При наведении которого появляется отображение. Быть может будет что то еще)


 

p img[src*=".jpg"] {

margin: 25px;

opacity: 0.8;

border: 10px solid #eee;

-webkit-transition: all 0.5s ease;

-moz-transition: all 0.5s ease;

-o-transition: all 0.5s ease;

-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.7, transparent), to(rgba(0,0,0,0.1)));

}

p img[src*=".jpg"]:hover {

 opacity: 1;

 -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.7, transparent), to(rgba(0,0,0,0.4)));

  -webkit-box-shadow: 0px 0px 20px rgba(255,255,255,0.8);

 -moz-box-shadow: 0px 0px 20px rgba(255,255,255,0.8);

  box-shadow: 0px 0px 20px rgba(255,255,255,0.8); }

 


 

 

 

Обсудить у себя 3
Комментарии (11)

мм спасибо)) я стырю себе)) в дополнительный можно?

да можно)

круто блин))спасибоо))

ток у тебя какой то еще поставлено нет кроме прозрачности?) как то она не ровно появляется при наведении)

 

ага у меня закругления уголков стоит))

надо как то их на разные линии поставить)

да лаадно. и так норма))

Клево, спс)

^^

обещенная конфетка^^взяла спасибо))

да да да)

Чтобы комментировать надо зарегистрироваться или если вы уже регистрировались войти в свой аккаунт.

Войти через социальные сети: