app.js
angular.module('starter', ['ionic','ionic-native-transitions','starter.controllers'])

.run(function($ionicPlatform) {
  $ionicPlatform.ready(function($window) {
 if(window.cordova && window.cordova.plugins.Keyboard) {
            cordova.plugins.Keyboard.hideKeyboardAccessoryBar(false);
      cordova.plugins.Keyboard.disableScroll(true);
    }
    if(window.StatusBar) {
      StatusBar.styleDefault();
    }
  });
})
 .config(function($stateProvider,$ionicNativeTransitionsProvider,$urlRouterProvider,$ionicConfigProvider) {
.state('chat', {
      url: '/chat',
      nativeTransitions: {
        "type": "flip",
        "direction": "up"
    },
      templateUrl: 'templates/chat.html',

  })

HTML
  <div ui-sref="chat"  class="title" >
    <a  class="underline" ui-sref="chat"  native-transitions>
      <img class = "title-image" src="img/Chat@1x.png"></img>
          <p class="imgtext" style="color: rgb(102, 0, 0)">Chat</p>
    </a><br>
    </div>