基于css的3d和动画(2)
2014-04-04 19:09
281 查看
demo地址:http://www.adanghome.com/js_demo/43/
===================================================
可以利用2d加skew做出伪3d,也就是常说的2.5d视角。也可以用transform3d相关的api做出真的3d。
但css3d有些问题不好解决:
1)除了立方体,别的形状不好做出来,比如球体、锥体什么的,更别提3d建模。
2)阴影效果做不到。
3)鼠标事件不好处理,3d和2d的矩阵变化是没法捕获到相关坐标的。
好吧,比较简单的效果可以用css3d来处理,复杂的问题还是得交给webgl。。。
相关文章推荐
- 基于css的3d和动画
- css 3D翻转图片动画
- css动画属性实现3d效果立体盒子效果
- 基于HTML5的WebGL经典3D虚拟机房漫游动画
- Css3 3d animation Step1---介绍如何实现css动画
- css边框、背景设置、字体效果、2D、3D变化及css动画
- 可控制的CSS3D盒子动画
- H5(Javascript和CSS)制作3D动画
- 7 款基于 HTML5 Canvas 的超炫 3D 动画效果
- 纯CSS实现菜单、导航栏的3D翻转动画效果
- 基于Jquery和html5实现炫酷的3D焦点图动画
- cocos2dx 3D战斗类游戏制作:【三】——基于数据库的3D精灵动画1
- 基于Animate.css的jQuery动画特效插件
- cocos2dx 3D战斗类游戏制作:【三】——基于数据库的3D精灵动画2
- 第四十二课:基于CSS的动画引擎
- 基于animation.css实现动画旋转特效
- 基于ReactCSSTransitionGroup实现react-router过渡动画
- css3d动画学习心得2:一个小游戏实践
- 基于HTML5的WebGL经典3D虚拟机房漫游动画
- CSS 3D动画概述菜鸟级解读之一