_zoom.scss 459 B

123456789101112131415161718192021222324252627282930
  1. @keyframes #{$rt-namespace}__zoomIn {
  2. from {
  3. opacity: 0;
  4. transform: scale3d(0.3, 0.3, 0.3);
  5. }
  6. 50% {
  7. opacity: 1;
  8. }
  9. }
  10. @keyframes #{$rt-namespace}__zoomOut {
  11. from {
  12. opacity: 1;
  13. }
  14. 50% {
  15. opacity: 0;
  16. transform: scale3d(0.3, 0.3, 0.3);
  17. }
  18. to {
  19. opacity: 0;
  20. }
  21. }
  22. .#{$rt-namespace}__zoom-enter {
  23. animation-name: #{$rt-namespace}__zoomIn;
  24. }
  25. .#{$rt-namespace}__zoom-exit {
  26. animation-name: #{$rt-namespace}__zoomOut;
  27. }