runtimeZero runtimeZero - 1 year ago 83
CSS Question

animating using angular animate

I use .ng-hide to set height to 0px

.ng-hide .bar {
height: 0px;

and then when .ng-hide is remove the height is set to 5px;

.bar {
transition: height linear 2.5s;
border-width: 0px;
margin: 0px;
height: 5px;

However I don't see any transition happening.
(I expected the results to be like: )

Not sure what I am missing here:


Answer Source

Looking at your plunker you are missing:

The angular-animate script

<script src=""></script>

and the module:

var app = angular.module('plunker', ['ngAnimate']);

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download