slide.less 557 B

123456789101112131415161718192021222324252627282930313233343536373839
  1. .slide-y-transition {
  2. .transition-default();
  3. &-enter-from,
  4. &-leave-to {
  5. opacity: 0;
  6. transform: translateY(-15px);
  7. }
  8. }
  9. .slide-y-reverse-transition {
  10. .transition-default();
  11. &-enter-from,
  12. &-leave-to {
  13. opacity: 0;
  14. transform: translateY(15px);
  15. }
  16. }
  17. .slide-x-transition {
  18. .transition-default();
  19. &-enter-from,
  20. &-leave-to {
  21. opacity: 0;
  22. transform: translateX(-15px);
  23. }
  24. }
  25. .slide-x-reverse-transition {
  26. .transition-default();
  27. &-enter-from,
  28. &-leave-to {
  29. opacity: 0;
  30. transform: translateX(15px);
  31. }
  32. }