| Original size | Rotate | Rotate on Hover |
|
rotate 0
|
rotate 0
|
.rotate-0 |
|
rotate 1
|
rotate 1
|
.rotate-1 |
|
rotate 2
|
rotate 2
|
.rotate-2 |
|
rotate 5
|
rotate 5
|
.rotate-5 |
|
rotate 10
|
rotate 10
|
.rotate-10 |
|
rotate 20
|
rotate 20
|
.rotate-20 |
|
rotate 45
|
rotate 45
|
.rotate-45 |
|
rotate 90
|
rotate 90
|
.rotate-90 |
|
rotate 180
|
rotate 180
|
.rotate-180 |
|
rotate 270
|
rotate 270
|
.rotate-270 |
Use class .hover-rotate-{degree} with .ease-500
<div class="...hover-rotate-45 ease-500..."></div>