Comments on: Cross-Browser Animated CSS Transforms — Even in IE.

By: zoltan

zoltan — Fri, 14 Oct 2011 22:25:23 +0000

@Aneek: thanks for the mention. Maybe sometime I will get around to doing a polyfill for transitions for IE :-)

By: Aneek Mukhopadhyay

Aneek Mukhopadhyay — Thu, 13 Oct 2011 06:27:52 +0000

In one word, it is great. Thanks zoltan. I have mentioned about this great post in my blog also. Also used this type of transitions in IE in some of my projects.

By: Daniel

Daniel — Sun, 06 Mar 2011 11:26:29 +0000

Thank you so much!

This saved me LOADS of work (I had just determined to move the entire visualization to Flash just make sure it works in IE7/IE8 when I discovered cssSandpaper)!!

Since it’s a commercial project, I’ll be more than happy to provide some form of donation or similar? Please let me know if there’s anything of the sort I can do for you!

Best regards from Sweden,
Daniel Sundström

By: zoltan

zoltan — Sat, 05 Mar 2011 19:34:52 +0000

@Irreat: that is quite interesting. It seems to be a bug in the way Opera handles CSS3 transforms (all my script does is apply a -o-transform rule on the object, so I don't believe that it is cssSandpaper. I have submitted a bug to Opera - hopefully this is fixed in the next release. At this time, I am not sure about any workarounds to this issue. It may be work looking into the CSS word-spacing property and setting it to some sort of em measurement, but I am not sure. I'll try to test out that theory and post here again with my findings.

By: Irreat

Irreat — Fri, 04 Mar 2011 16:15:19 +0000

I just found out about this script and this is more than wonderful! Thanks a lot for sharing !

However, I quickly tested it and a small problem showed up when using the basic zoom function (Ctrl + mousewheel) of Opera (11.01). When a text is displayed in a rotated/skewed box, the letters tend to overlap one another when zooming in (and move apart when zooming out). A good way to see it in action is by testing the skewTest example. Otherwise, zooming under IE, Chrome or FF is perfect.

I’m not got at making subtle CSS so I may be missing something here, but I’m interested in a way to workaround the issue !

By: zoltan

zoltan — Sat, 12 Feb 2011 18:00:35 +0000

@Adam: yes, and it is definitely doable. The only caveat is that, in the case of css3 transforms, all browsers only store the matrix() version of the transform, so you wouldn’t be able to see the original transform if, for example, it was in the form of “skewX(45deg) rotate(67deg) transformX(80px)”, unless there is a way to factor a matrix() into the other transform functions, which I am not aware of at this time.

By: Adam Butler

Adam Butler — Sat, 12 Feb 2011 17:12:45 +0000

Have you thought about including a set of “get” commands to retrieve values?

By: CSS Three — Connecting The Dots - Smashing Magazine

CSS Three — Connecting The Dots - Smashing Magazine — Thu, 27 May 2010 10:32:32 +0000

[...] of CSS3 in the WildShowcase of sites using CSS3 properties.CSS3 Transitions – Are We There Yet?Cross-Browser Animated CSS Transforms — Even in IE.Related ArticlesYou may be interested in the following related posts:CSS3 Solutions for Internet [...]

By: zoltan

zoltan — Mon, 10 May 2010 17:34:11 +0000

@anonymous: I have added rgba() support in the latest release of cssSandpaper. See my blog post about cssSandpaper with rgba() gradient and transform: translate support

By: Fandekasp

Fandekasp — Thu, 06 May 2010 01:05:01 +0000

Great project, I’ll follow it very carefully