Newer
Older
urbanLifeline_YanAn / src / assets / styles / transition.scss
@zhangqy zhangqy on 3 Oct 793 bytes first commit
  1. // global transition css
  2.  
  3. /* fade */
  4. .fade-enter-active,
  5. .fade-leave-active {
  6. transition: opacity 0.28s;
  7. }
  8.  
  9. .fade-enter,
  10. .fade-leave-active {
  11. opacity: 0;
  12. }
  13.  
  14. /* fade-transform */
  15. .fade-transform--move,
  16. .fade-transform-leave-active,
  17. .fade-transform-enter-active {
  18. transition: all .5s;
  19. }
  20.  
  21. .fade-transform-leave-active {
  22. position: absolute;
  23. }
  24.  
  25. .fade-transform-enter {
  26. opacity: 0;
  27. transform: translateX(-30px);
  28. }
  29.  
  30. .fade-transform-leave-to {
  31. opacity: 0;
  32. transform: translateX(30px);
  33. }
  34.  
  35. /* breadcrumb transition */
  36. .breadcrumb-enter-active,
  37. .breadcrumb-leave-active {
  38. transition: all .5s;
  39. }
  40.  
  41. .breadcrumb-enter,
  42. .breadcrumb-leave-active {
  43. opacity: 0;
  44. transform: translateX(20px);
  45. }
  46.  
  47. .breadcrumb-move {
  48. transition: all .5s;
  49. }
  50.  
  51. .breadcrumb-leave-active {
  52. position: absolute;
  53. }