标签:.com 基本 src 基于 img ack back 原理 com
angularJs的动画是基于 angular-animate.js
它的基本原理是利用css的动画。transition。
方法是添加类名
以上图片截自菜鸟教程,注意看类名
这是点击动画效果实现后的表情。
我们在看css样式
div { transition: all linear 0.5s; background-color: lightblue; height: 100px; width: 100%; position: relative; top: 0; left: 0; } .ng-hide { height: 0; width: 0; background-color: transparent; top:-200px; left: 200px; }
div { transition: all linear 0.5s; background-color: lightblue; height: 100px; width: 100%; position: relative; top: 0; left: 0; } .ng-hide { height: 0; width: 0; background-color: transparent; top:-200px; left: 200px; }
transition: all linear 0.5s;
这就是angular的动画
标签:.com 基本 src 基于 img ack back 原理 com
原文地址:http://www.cnblogs.com/UniverseWang/p/7127197.html