transition 设置动画是,用calss正常。用id 就没有动画,为什么?
<style type="text/css">
**/*
#test-div动画无效!!!
*/**
.test-div{
transition:all ease-in-out 1s;
-webkit-transition:all ease-in-out 1s;
background-color: #acc;
height: 100px;
width: 100px;
position: relative;
top: 100px;
left:300px;
}
.ng-hide {
height: 0;
width: 0;
background-color: transparent;
top:-200px;
left: 200px;
}
</style>
</head>
<body>
<div ng-app="myApp">
<input type="checkbox" ng-model="myCheck" />
<div ng-hide="myCheck" class="test-div"></div>
**<!--这里如果改为id="test-div动画就失效了"-->**
</div>
<script type="text/javascript">
var app=angular.module("myApp",['ngAnimate']);
</script>