animations.css 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. .slide-reveal.ng-enter {
  2. -webkit-transition:0.5s linear all;
  3. -moz-transition:0.5s linear all;
  4. -o-transition:0.5s linear all;
  5. transition:0.5s linear all;
  6. opacity:0.5;
  7. position:relative;
  8. opacity:0;
  9. top:10px;
  10. }
  11. .slide-reveal.ng-enter-active {
  12. top:0;
  13. opacity:1;
  14. }
  15. .expand.ng-enter {
  16. -webkit-transition:0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) all;
  17. -moz-transition:0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) all;
  18. -o-transition:0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) all;
  19. transition:0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) all;
  20. opacity:0;
  21. max-height:0;
  22. overflow:hidden;
  23. }
  24. .expand.ng-enter-active {
  25. opacity:1;
  26. max-height:40px;
  27. }
  28. .expand.ng-leave {
  29. -webkit-transition:0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) all;
  30. -moz-transition:0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) all;
  31. -o-transition:0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) all;
  32. transition:0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) all;
  33. opacity:1;
  34. max-height:40px;
  35. overflow:hidden;
  36. }
  37. .expand.ng-leave-active {
  38. opacity:0;
  39. max-height:0;
  40. }