# Confused about ionic and ngAnimate events

**URL:** <https://forum.ionicframework.com/t/confused-about-ionic-and-nganimate-events/13455>\
**Category:** ionic-v1\
**Created:** [December 1, 2014, 11:08pm UTC](https://forum.ionicframework.com/t/confused-about-ionic-and-nganimate-events/13455 "2014-12-01T23:08:22Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![blakflag](https://avatars.discourse-cdn.com/v4/letter/b/8491ac/32.png) [@blakflag](https://forum.ionicframework.com/u/blakflag)\
**Post date:** [December 1, 2014, 11:08pm UTC](https://forum.ionicframework.com/t/confused-about-ionic-and-nganimate-events/13455/1 "2014-12-01T23:08:22Z")

</div>

I’ve been trying to make my own animations for elements in my app (like a box that floats up when the keyboard is opened… etc)

I’ve tried using the ng-enter & ng-enter-active events which are supposed(?) to be dispatched from page elements. I’ve been reading various docs on CSS animations and it’s all a rather contradictory mishmash between Angular’s documentation, ui-router’s documentation and Ionic’s documentation.

I’ve tried every combination of events & elements I can think of. But what I currently have is:

```
.animated-view.ng-enter {
  top: 0px;
  -webkit-transition:1s linear all;
  transition:1s linear all;
}
.animated-view.ng-enter-active {
  top: 200px;
}

```

And my page looks something like this:

```
<ion-view>
    <ion-nav-bar class="bar-stable"></ion-nav-bar>
    <ion-content animation="animated-view" has-bouncing="false">
              ... stuff
    </ion-content>
</ion-view>

```

Basically I’m trying trigger custom CSS transition when the ui-view loads up.

What events can I use to trigger CSS style changes on ionic views? Thanks.