案例：AngularJS案例     状态：可编辑再运行    进入横版
​x
 
1
<!DOCTYPE html>
2
<html>
3
<head>
4
<meta charset="utf-8">
5
<style>
6
@keyframes myChange {
7
  from {
8
      height: 100px;
9
  } to {
10
      height: 0;
11
  }
12
}
13
​
14
div {
15
  height: 100px;
16
  background-color: lightblue;
17
}
18
​
19
div.ng-hide {
20
  animation: 0.5s myChange;
21
}
22
</style>
23
<script src="/js/angular.js1.4.6/angular.min.js"></script>
24
<script src="/js/angular.js1.4.6/angular-animate.min.js"></script>

 运行结果　
　北美留学生论坛