html
<div ng-show="visible" class="fade"></div>
css
.fade {
opacity: 1;
transition: opacity 1s;
}
.fade.ng-hide {
opacity: 0;
}
script
angular.module('myApp', ['ngAnimate'])
.controller('myController', function($scope) {
$scope.visible = true;
$scope.toggle = function() {
$scope.visible = !$scope.visible;
};
});
