directive.js

app.directive('animsition', function() {
    return {
        restrict: 'A',
        link: function(scope, elm, attrs) {
          $.components.init("animsition");
        }
    };
});

login.html

<div animsition class="page-login-v3 layout-full">
  <div class="page animsition vertical-align text-center" data-animsition-in="fade-in"
  data-animsition-out="fade-out">
      <!-- Content -->
    </div>
  </div>
</div>