transition 设置动画是,用calss正常。用id 就没有动画,为什么?
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>
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论