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 编辑]
上一篇: 提高Qzone访问速度的最简单办法
下一篇: 免费图标大派送
文章来自: 本站原创
引用通告: 查看所有引用 | 我要引用此文章
Tags: css 3D
相关日志:
评论: 8 | 引用: 0 | 查看次数: -
比雄[2010-04-24 05:57 PM | | | 222.208.171.246 | del | 回复回复]
哦！
圣翔科技[2009-11-21 04:19 PM | | | 61.136.144.132 | del | 回复回复]
IE6.0 不支持3d啊
j[2009-05-30 01:52 PM | | | 221.239.181.238 | del | 回复回复]
个人感觉可能实用性不大  看他们怎么用了
sdff[2009-05-16 11:22 PM | | | 117.136.9.218 | del | 回复回复]
dsfdsfdsfdsf
alexis[2009-05-16 03:19 PM | | | 58.41.70.147 | del | 回复回复]
真的是太棒了～
ywy1201[2009-05-09 04:17 PM | | | 58.19.197.12 | del | 回复回复]
看来 3D是未来趋势啊  CHROME 都支持3D了 nogloomy.cn
infinte[2009-05-09 03:35 PM | | | 60.166.98.63 | del | 回复回复]
那个效果其实IE也能做……用矩阵滤镜

看文档ing，准备做成JS搞游戏~~~
老张[2009-05-09 06:43 AM | | | 116.52.66.3 | del | 回复回复]
转走。。。。。
发表评论
昵　称:
密　码: 游客发言不需要密码.
邮　箱:
网　址: 输入网址便于回访.
内　容:
验证码:
选　项:
虽然发表评论不用注册，但是为了保护您的发言权，建议您注册帐号.
 字数限制 500 字 | UBB代码 开启 | [img]标签 关闭