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

 运行结果　
　北美留学生论坛