How animation transition to other views?

I try to use “href”, but no animation transition.


This way has the animation transition, but is coming from the black.

I wan’t mainpage animation transition to tabs.home

 .state('mainpage', {
      url: "/mainpage",
      templateUrl: "templates/mainpage.html",
      controller: "mainCtrl"
    .state('tabs', {
      url: "/tab",
      abstract: true,
      templateUrl: "templates/tabs.html"
    .state('tabs.home', {
      url: "/home",
      views: {
        'home-tab': {
          templateUrl: "templates/home.html",
          controller: 'HomeTabCtrl'


Currently, these are only solutions.

I added “Android nav-transition=” and it had no effect. My is the transition between views.

Try looking at working examples, maybe you forgot to do something. It should work.