纯CSS做的3D效果

首页 > Web开发 > 纯CSS做的3D效果

2009年12月16日陈皓发表评论阅读评论 3,208 人阅读

下面是一个用CSS做的一个3D的效果。你可以使用鼠标在图片中移动来显示这个效果。其实，这个效果只是能过移动图片来产生的。其可以工作在Internet Explorer 8, Firefox 3, Opera 9, Safari 3, Chrome 4 和 Konqueror 3.5下。网页在这里：http://www.romancortes.com/ficheros/meninas.html

分类: Web开发标签: CSS

(20 人打了分，平均分： 4.55 )

Loading ...

2012年03月24日 -- 神奇的CSS形状
2012年03月19日 -- CSS 布局:40个教程、技巧、例子和最佳实践
2011年12月07日 -- Web开发中需要了解的东西
2011年08月15日 -- CSS图形
2011年03月04日 -- 一些有意思的贴子和工具
2011年02月16日 -- Web开发人员速查卡
2010年10月20日 -- 30+ Web下拉菜单

评论 (11) Trackbacks (0) 发表评论 Trackback

joe

2009年12月16日14:29 | #1

回复 | 引用

酷！
nothinghere

2009年12月16日14:35 | #2

回复 | 引用

哇咔咔，太酷了
Moses

2009年12月16日19:28 | #3

回复 | 引用

真厉害
orz

2009年12月16日19:34 | #4

回复 | 引用

不错，图叠起来的
ivan

2009年12月17日07:28 | #5

回复 | 引用

有意思, hacks。
不过代价太大了，这不是CSS该干的事儿。
SomeOne

2009年12月17日11:37 | #6

回复 | 引用

这个应该不叫3D吧.
图片再加个模糊处理来个景深效果哈
ostric

2009年12月17日12:44 | #7

回复 | 引用

惨，只有IE6.0 … 得换代了。。。
依云

2009年12月17日22:28 | #8

回复 | 引用

ivan :
有意思, hacks。
不过代价太大了，这不是CSS该干的事儿。

同意
传业

2009年12月19日19:08 | #9

回复 | 引用

@ivan
创意是重点，开阔思路
似水流云

2010年1月14日14:32 | #10

回复 | 引用

博主能否提供代码啊？保存不下来呢，我想研究下。谢谢！
似水流云

2010年1月14日14:42 | #11

回复 | 引用

忘了申请友链了，我的博客 http://www.incollege.cn PR目前为2 ，我是新人，还望大哥多多指教！如果同意，还请邮件通知小弟，谢谢！