Как сделать врашение имеджа при наведении на кнопку?

Question

[Андрей]

В общем, сверстал кнопку, нужно чтобы значек загрузки прокручивался один раз на 360 при наведении на кнопку.

<img class="img-refresh" src="images/refreh.png" alt="">
<input class="btn-up-refresh" type="submit" value="Оновити">

Answer 1

[Anna_BS]

Может такое решение подойдет. Наведение на div в котором картинка и input.
.container .img-refresh {
position: absolute;
top: 11px;
right: 9px;
wight: 19px;
height: 19px;
-moz-transition: all 0s;
-o-transition: all 0s;
-webkit-transition: all 0s;
transition: all 0s;
}
.container:hover .img-refresh {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
codepen.io/Anna_Batura/pen/MKYeXK

Comments

[Андрей]

Спасибо, то что нужно)