css - animating using angular animate -
i use .ng-hide set height 0px .ng-hide .bar { height: 0px; } and when .ng-hide remove height set 5px; .bar { transition: height linear 2.5s; border-width: 0px; margin: 0px; height: 5px; } however don't see transition happening. (i expected results like: http://www.w3schools.com/angular/tryit.asp?filename=try_ng_animation_css ) not sure missing here: plnkr: http://plnkr.co/edit/b5lbwksml13boogubhsx?p=preview starting version 1.2 of angularjs, animations not part of core anymore. so means have include angular-animate.js file webpage , reference nganimate module inside of application module <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-animate.js"></script> var app = angular.module('plunker', ['nganimate']);