Поворот картинки при наведении CSS

С помощью этого эффекта можно поворачивать картинку при наведении, для этого используем свойство transform. Градусы поворота можно изменить по необходимости.

Пример

HTML


<img class="small-rotate" src="image.jpg" alt="" />

CSS


img.small-rotate {
  -webkit-transition: all 1s ease;
          transition: all 1s ease;
}
img.small-rotate:hover {
  -webkit-transform: rotate(15deg); /* Градусы поворота можно изменить по необходимости */
          transform: rotate(15deg); /* Градусы поворота можно изменить по необходимости */
}