角度css过渡不完全

时间:2016-05-03 08:04:48

标签: html angularjs twitter-bootstrap css3

我尝试在导航栏中进行转换。它部分工作。我不知道为什么会这样。

<style>
nav {
  transition: all linear 0.5s;
  -webkit-transition: all linear 0.5s;
  height: 100px;
}

.ng-hide {
  height: 0;
}

p {
margin-top:100px;
}

</style>

<body ng-app="myApp">    
<nav class="container-fluid navbar navbar-default navbar-fixed-top" role="navigation" ng-hide="myCheck">
    <div class="container">
        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
            <a href=""></a>
        </div>
        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">

        </div>
    </div>
</nav>

<p>Hide the NAV: <input type="checkbox" ng-model="myCheck"><p>

<script>
var app = angular.module('myApp', ['ngAnimate']);
</script>
</body>

包括bootstrap css,angular和angular-animated libraries。

0 个答案:

没有答案