animations.less

.animate-show-height {
	width: 70%;
	background: #e5feff;
	border: 1px solid pink;
	/* animation here is working on max-height */
	max-height: 1000px;
	&.ng-hide {
		max-height: 0px;
	}

	&.ng-hide-remove {
		transition: all 1s;
	}
}

.animate-show-height.ng-hide-remove input {
	/* default value of input fields, this would be animated to new value */
	opacity: 0;
}

.animate-show-height.ng-hide-remove input {
	/* animate opacity of the input fields using the animation defined */
	transition: fadeInFromNone 2s ease-out;
}

@-webkit-keyframes fadeInFromNone {
	0% {
		opacity: 0;
	}
	1% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}