b97742c3eb247f1b345ffb747385a56490ec10cb.svn-base 762 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. // global transition css
  2. /* fade */
  3. .fade-enter-active,
  4. .fade-leave-active {
  5. transition: opacity 0.28s;
  6. }
  7. .fade-enter,
  8. .fade-leave-active {
  9. opacity: 0;
  10. }
  11. /* fade-transform */
  12. .fade-transform-leave-active,
  13. .fade-transform-enter-active {
  14. transition: all .5s;
  15. }
  16. .fade-transform-enter {
  17. opacity: 0;
  18. transform: translateX(-30px);
  19. }
  20. .fade-transform-leave-to {
  21. opacity: 0;
  22. transform: translateX(30px);
  23. }
  24. /* breadcrumb transition */
  25. .breadcrumb-enter-active,
  26. .breadcrumb-leave-active {
  27. transition: all .5s;
  28. }
  29. .breadcrumb-enter,
  30. .breadcrumb-leave-active {
  31. opacity: 0;
  32. transform: translateX(20px);
  33. }
  34. .breadcrumb-move {
  35. transition: all .5s;
  36. }
  37. .breadcrumb-leave-active {
  38. position: absolute;
  39. }