-1

Are there any libraries or plugins you would recommend (preferably for jQuery) that would handle CSS rotation and transformation in a cross browser manner?

So far I've found:

  • CSS please, however as I understand these are just code snippets. And boy, they are ugly. I'd prefer to have this ugly css styles hidden somewhere within a library and not laying all over the place.
  • jQuery seems to have a plugin for rotation named (surprise, surprise) jquery-rotate. However we all know, that jquery plugins vary very much in quality. Maybe someone has had experience with this one. EDIT: I overlooked the fact that it actually only handles image rotation.
  • Rotating a Div Element in jQuery. However it's a little dated, and none of the answers seem to link to a library. Instead there are code snippets or information is provided how to do it all "by hand".
Community
  • 1
  • 1
julx
  • 8,694
  • 6
  • 47
  • 86

1 Answers1

4

cssSandpaper sounds like exactly what you're after.

I present to you the insane cube: http://www.useragentman.com/tests/cssSandpaper/cube3.html

thirtydot
  • 224,678
  • 48
  • 389
  • 349
  • IE is the problem - it's *[complicated](http://www.useragentman.com/IETransformsTranslator/index.html)*. Just look at the generated code to do it cross-browser manually. cssSandpaper takes care of all that. – thirtydot May 17 '11 at 08:54
  • I ended up doing it all through calls to `setTransform()`. It's cleaner anyway. The library rocks. – julx May 17 '11 at 10:29
  • I tried to open the insane cube in IE10 and worked fine. But it broke when I switched to IE9, IE8 or IE7 mode. Any tips? – anar khalilov Aug 02 '13 at 11:23
  • @Anar: Try testing with those actual browsers. It works for me with genuine IE9 and genuine IE8. – thirtydot Aug 02 '13 at 23:50