来点水吧：
http://ajaxian.com/archives/3d-cube-using-new-css-transformations

3D Cube using new CSS transformations

http://host.trivialbeing.org/up/small/multiple-cubes-css.png

Paul Hayes has been playing with CSS transformations and making 3D cubes:

    The impression of a three dimensional cube can be created using modern CSS techniques, without the need for JavaScript, imagery, canvas or SVG. Using the proprietary transform property to skew and rotate shaded rectangles, individual cube faces can combine to form a 3D object. Currently only supported in recent WebKit and Gecko based browsers, most importantly Firefox 3.5+ -moz-transform (documentation) and Safari 3.2+ -webkit-transform (documentation).

This resulted in:

A 3D cube created with CSS
Supported browsers: Safari 3.2+, Google Chrome, Firefox 3.5+

Experiment with multiple cubes and CSS transitions, still no JavaScript
Supported browsers: Safari 4+, Google Chrome

WebKit initially put this in (iPhone needed it after all!) and it will be interesting to see what users come out of it. The full CSS for the simple example is below:

// 懒得整理格式，请去页面上看。。


Posted by Dion Almaer at 7:52 am
--
FROM 61.135.255.83

囧

我用 chrome 看，不是那个效果啊！


【 在 sly9 (http://sly9.net) 的大作中提到: 】
: 来点水吧：
: http://ajaxian.com/archives/3d-cube-using-new-css-transformations
: 3D Cube using new CSS transformations
: ...................
--
FROM 58.251.100.188

        -webkit-transform: skewY(-30deg) scaleY(1.16);

嗯。。太nb了。。什么时候IE能支持这些好玩的东西啊。。
【 在 zms (来福) 的大作中提到: 】
: 我猜3个face。是绕某点，旋转了一下？
--
FROM 61.135.255.83

= =b...
【 在 nullgate (空门·恨只恨我们家鬼害家神) 的大作中提到: 】
: 离关门大吉不远了。
--
FROM 61.135.255.83

无愧于

来福·哆啦A梦

的称号...

【 在 zms (来福) 的大作中提到: 】
: 汗。。。
: 最近很忙
: 在外地出差救急，一直在搞 asp.net 。。。
: ...................
--
FROM 202.106.68.*