CSS Для изображений (3)

 

Повернутое изображение при наведении тень плавно исчезает.

 


 

 

 

img{

 

     color: #FF0033 !important;

    font-size: 38px;

    font-family: Georgia;

    font-style: normal;

    font-weight: normal;

text-align: center;

  box-shadow 1s ease-out,       border-color 1s;    -moz-transition:       -moz-box-shadow 1s ease-out,       border-color 1s;    -webkit-transition:       -webkit-box-shadow 1s ease-out,       border-color 1s;

 

-webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);

 

  -moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);

 

 box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);

 

-webkit-transform:rotate(-3deg);

 

 -moz-transform:rotate(-3deg);

 

-o-transform:rotate(-3deg);

 

 transform:rotate(-3deg);

}

 

 

img:hover {

border-color: #0088EA;    box-shadow: 0 0 10px #0285E2;    -moz-box-shadow: 0 0 10px #0285E2;    -webkit-box-shadow: 0 0 10px #0285E2;

 opacity: 1;    box-shadow: 0 0 20px #8EB9FF;    -moz-box-shadow: 0 0 20px #8EB9FF;    -webkit-box-shadow: 0 0 20px #8EB9FF;

}

 

 

Удачной вставки. и отписывайтесь хоть немного.

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

Спасибо. взяла

еще редактирую)

хорошо

вот все)

спасибо

Cиба)

неза)

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

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