Rotator Stack

Rotator Stack will rotate and/or scale all contents of your Stack by simple CSS transformations. You can set up a rotation in degrees from -720 to +720 and a scale factor from 1.0 to 10.0.

Screenshots

Examples

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.
Rotate (3 degrees) and scale (factor 1.1) in 1 seconds
Stacks Image 2852
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.

Settings

    Degrees: -720 to 720 degrees which the Stack will be rotated after hovering over it
    Scale Factor: 1.00 to 10.00 is the factor which will scale the Stack's size
    Animation time: 1s to 10s is the duration which will be needed to complete the scale and rotation effect

Browser Compatibility

  • Safari
  • Chrome
  • Opera
  • Internet Explorer >= 9 (There are some problems: Scaling text works. Rotating text is not fine. Rotating images looks good. But scaling and rotating is not animated anyway
    )
  • Firefox

Infos and Requirements

Rapidweaver
Rapidweaver 5/6/7
Stacks 2 only
Stacks 2 / 3
Responsive
Compatible to
responsive themes
Internet
Internet connection
for preview