Comments on: Understanding CSS 3D Transforms (CSS 3D – 1)

By: Dirk

Dirk — Thu, 01 Jan 1970 00:00:00 +0000

Hi David, right now this is only possible with css3d transfoms. Use something like “-webkit-transform: perspective(700) rotateZ(45deg);”. Anyway this is not a true irregular distortion but a perspective distortion. And it will only show up in supporting browsers.

By: David Gregg

David Gregg — Thu, 01 Jan 1970 00:00:00 +0000

My God man! :D All I want to know how to transform a DIV into a trapezoid! I just want a block of text to look like the top is bigger and wider than the bottom. Can someone give me a quick code snippet?

By: Dirk

Dirk — Thu, 01 Jan 1970 00:00:00 +0000

Hi Scott, great to hear that it was useful for you. And great demo too.

By: Scott Gale

Scott Gale — Thu, 01 Jan 1970 00:00:00 +0000

Thanks for writing this article. It helped when I was building out this coverflow using CSS 3D transforms: http://scottgale.com/blog/coverflow-css-3d-transforms/2011/05/24/

By: Dirk

Dirk — Thu, 01 Jan 1970 00:00:00 +0000

A the moment only Webkit offers CSS3D transforms, even though I heard rumors that firefox wont to include them in a future release. The technology is still in it’s early stages and I wouldn’t recommend using it outside of IOs.

By: H

Thu, 01 Jan 1970 00:00:00 +0000

You’ve talked about webkit, but have the other browsers expressed any interest in supporting this? Or is there no information either way?

By: Benton

Benton — Thu, 01 Jan 1970 00:00:00 +0000

Brilliant!
Thank you
J

By: Alex Grande

Alex Grande — Thu, 01 Jan 1970 00:00:00 +0000

Nice looking article. Great demo. Thanks!

By: Webstandard-Blog

Webstandard-Blog — Thu, 01 Jan 1970 00:00:00 +0000

I really love the ne CSS3 Modules, but there will be a long way to go until all the major browser (including IE) support these features ;o(