I've been attempting to implement the bounceInUp
animation from animate.css
on a div upon showing it, but I can't seem to get it to work. What am I doing wrong?
Can someone guide me on the correct way to achieve this effect?
This is my CSS code:
.showing.ng-enter {
animation: bounceInUp 1s;
}
And here's my HTML:
<p>Hello {{name}}!</p> <button ng-click="showIt()">Show</button>
<button ng-click="hideIt()">Hide</button>
<div ng-if="show" class="showing" >I am displaying something here</div>