CSS3 3D与运动插件

CSS3 3D and movement plugin

Posted by Lv Hui on May 18, 2014

3D转换

通过css3 3D转换,能够在2D空间内模拟3D运动

1
2
3
4
//定义d3环境
transform-style: preserve-3d;
//定义景深
perspective: 1000px;

jquery的easing运动插件

先在头部引入jquery的easing js文件

1
$("#box").animate({"left:500px"},2000,"easeOutBounce");

easing缓动函数速查表

animate.css运动库

在头部引入相应css文件,给元素添加特定class就能执行运动

运动效果预览daneden.github.io/animate.css

下载地址github.com/daneden/animate.css