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