Вращение картинки

С помощью этого эффекта можно вращать картинку при наведении 

HTML
<img class="rotate-img" src="image.jpg" alt="" />
CSS
img.rotate-img {
  border-radius: 50%;
  -webkit-transition: -webkit-transform .8s ease-in-out;
          transition:         transform .8s ease-in-out;
}
img.rotate-img:hover {
  -webkit-transform: rotate(360deg); /* Градусы поворота можно изменить по необходимости */
          transform: rotate(360deg); /* Градусы поворота можно изменить по необходимости */
}
     

Отправить комментарий

0 Комментарии