How to do animation with ng-hide & ng-show, not using angular-animate.js?

How to do animation with ng-hide & ng-show, not using angular-animate.js?

@keyframes grow {
0% {
display: none;
opacity: 0;
}
1% {
display: block;
opacity: 0;
transform: scale(0);
}
100% {
opacity: 1;
transform: scale(1);
}
}