#413575 Score: 1
Profile photo of James Reynolds
James Reynolds
Member
beginner
intermediate
curious george
wise owl
friend finder
picture perfect
1 pt
@jreynolds2084

I sometimes use CSS keyframes to achieve certain animations.  They are flexible and work across browsers. For example, when I hover over a circular button (an image I uploaded), it spins.

.anim_spin:hover {
animation: spin 0.5s 1 linear;
}

@keyframes spin {
0% {transform: rotate(0deg);}
100% {transform: rotate(30deg);}
}

This post has received 1 vote up.