Simple rotation animation

by rulokc

HTML

<div class="box"></div>

CSS

.box {
    width: 100px;
    height: 100px;
    background-color: #0f0;
    margin: 50px;
}
.box:hover {
    -webkit-animation-duration: 1s;
    -webkit-animation-name: myrotation;
}
@-webkit-keyframes myrotation {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}