Alireza29675 Alireza29675 - 2 years ago 114
CSS Question

How to Make a Picture rotate Continuously?

) I have a star image in top-left of my screen want to rotate continuously. so can anyone tell me How can we make a Picture rotate Continuously for browsers Mozilla Firefox, Google chrome!?
[Css Position type is 'Absolutely' and image resolution:25*25 ]

Answer Source
@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
  to { 
    -webkit-transform: rotate(360deg);
    -webkit-animation-name:             rotate; 
    -webkit-animation-duration:         0.5s; 
    -webkit-animation-iteration-count:  infinite;
    -webkit-animation-timing-function: linear;

Add -moz-transform/animation, -ms-transform/animation, etc rules to support other browsers.

You could also make an animated GIF :).

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download