Stacks Image 922

Rotator Stack


Example I: Simply rotate
Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris. Erat lectus sem ut lobortis, adipiscing ligula eleifend, sodales fringilla mattis dui nullam. Ac massa aliquet.
Example II: Rotate and scale (factor 1.3) in 5 seconds
Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris. Erat lectus sem ut lobortis, adipiscing ligula eleifend, sodales fringilla mattis dui nullam. Ac massa aliquet.
Example II: Rotate (3 degrees) and scale (factor 1.1) in 1 seconds
Stacks Image 2852

Requirements


Stacks Image 3235

Compatibility


This is a relative new CSS feature so its compatibility is not guaranteed everywhere at the moment. I tested the following browsers:
  • Safari 5+: yes
  • Firefox 8+: yes
  • Chrome 16+: yes
  • Opera 11.52: yes
  • IE 7+8: no
  • IE 9: yes but it has some problems. Scaling text works. Rotating text is not fine. Rotating images looks good. But scaling and rotating is not animated anyway