9款非常实用的CSS3和Javascript 3D效果演示

DemoStudio网站汇集了许多非常新颖且实用的CSS3和JavaScript效果演示示例,这让我联想起Chrome体验版的效果演示,本文是Firefox版。还记得CSDN研发频道曾发表过的一篇《Google新玩法:输入公式即可呈现3D动画展示》吗?震撼你的眼球了吗?

开发者们的想法总是层出不穷,你跟上技术潮流了吗?一起来体验下这9款不同凡响的3D版本吧,或许能为你的开发带来些许灵感。

友情提醒:所有的这些均是体验版本,在IE旧版本浏览器中无法正常显示,你可以根据自己的喜好选择Chrome,Firefox,Safari。

1. Paperfold

令人难忘的折叠(paperfold)效果。

2. RotorJS

轻量级、可扩展的rotate3d操控库。

3. 3D Image transition

用鼠标随意点击,即可呈现出完美绝伦的3D画面。

4. The Box

动画版的3D场景,栩栩如生。

5. 3D Flip list menu

翻转子栏目进入盘旋状态查看。

6. CSS3 Reflection effect

如何使用CSS3创建跨浏览器的反射效果。 

7. Animated Menu Icons

轻量级,可扩展,纯CSS3动画。

8. Animated CSS3 Gallery

点击可移动、放大图片。

9. The CSS Book 

纯CSS构建的3D书本哦。

另推荐一个用HTML5制作的网站,非常强大。http://www.selagroup.com/

http://www.famo.us/demos/

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值