Web Design 订阅所有【Web Design】的日志

CSS 也玩起 3D 了

作者:puterjam 日期:2009-05-09

字体大小: 小 中 大

通过 CSS transform (firefox文档, safari文档)属性. 无所不能的css也开始玩起3D效果了。在配合 CSS transitions(文档) 我们还可以对3D样式进行动画表现。

 

请看下面例子

3D方块演示
支持的浏览器: Safari 3.2+, Google Chrome, Firefox 3.5+

 

3D方块动画演示，不含任何脚本
支持的浏览器: Safari 4+, Google Chrome

 

本文来源:

http://www.fofronline.com/2009-04/3d-cube-using-css-transformations/



[本日志由 puterjam 于 2009-05-09 02:18 PM 编辑]
文章来自: 本站原创
引用通告: 查看所有引用 | 我要引用此文章
Tags: css 3D
相关日志:
评论: 8 | 引用: 0 | 查看次数: -
回复回复比雄[2010-04-24 05:57 PM | del]
哦！
回复回复圣翔科技[2009-11-21 04:19 PM | del]
IE6.0 不支持3d啊
回复回复j[2009-05-30 01:52 PM | del]
个人感觉可能实用性不大  看他们怎么用了
回复回复sdff[2009-05-16 11:22 PM | del]
dsfdsfdsfdsf
回复回复alexis[2009-05-16 03:19 PM | del]
真的是太棒了～
回复回复ywy1201[2009-05-09 04:17 PM | del]
看来 3D是未来趋势啊  CHROME 都支持3D了 nogloomy.cn
回复回复infinte[2009-05-09 03:35 PM | del]
那个效果其实IE也能做……用矩阵滤镜

看文档ing，准备做成JS搞游戏~~~
回复回复老张[2009-05-09 06:43 AM | del]
转走。。。。。
发表评论
昵　称:
密　码: 游客发言不需要密码.
内　容:
验证码: 验证码
选　项:
虽然发表评论不用注册，但是为了保护您的发言权，建议您注册帐号.