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>
阅读 2.2k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题