Advertisement
Cavitt

Untitled

Apr 29th, 2014
190
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 1.36 KB | None | 0 0
  1. /*-----------------------------------*/
  2. /* Animations */
  3. /*-----------------------------------*/
  4. .inventoryAnimate.ng-enter,
  5. .inventoryAnimate.ng-leave,
  6. .inventoryAnimate.ng-move {
  7.   -webkit-transition: 0.3s ease-out all;
  8.   -moz-transition: 0.3s ease-out all;
  9.   -o-transition: 0.3s ease-out all;
  10.   transition: 0.3s ease-out all;
  11.   position:relative;
  12. }
  13.  
  14. .inventoryAnimate.ng-enter {
  15.   -webkit-transform:translate(100px, 0);
  16.      -moz-transform:translate(100px, 0);
  17.       -ms-transform:translate(100px, 0);
  18.        -o-transform:translate(100px, 0);
  19.           transform:translate(100px, 0);
  20.   opacity:0;
  21. }
  22. .inventoryAnimate.ng-enter.ng-enter-active {
  23.   -webkit-transform:translate(0, 0);
  24.      -moz-transform:translate(0, 0);
  25.       -ms-transform:translate(0, 0);
  26.        -o-transform:translate(0, 0);
  27.           transform:translate(0, 0);
  28.   opacity:1;
  29. }
  30.  
  31. .inventoryAnimate.ng-leave {
  32.   -webkit-transform:translate(0, 0);
  33.      -moz-transform:translate(0, 0);
  34.       -ms-transform:translate(0, 0);
  35.        -o-transform:translate(0, 0);
  36.           transform:translate(0, 0);
  37.   opacity:1;
  38. }
  39. .inventoryAnimate.ng-leave.ng-leave-active {
  40.   -webkit-transform:translate(100px, 0);
  41.      -moz-transform:translate(100px, 0);
  42.       -ms-transform:translate(100px, 0);
  43.        -o-transform:translate(100px, 0);
  44.           transform:translate(100px, 0);
  45.   opacity:0;
  46. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement