animation.scss 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940
  1. body{
  2. --semi-transition_dulation-slowest:500ms;
  3. --semi-transition_dulation-slower:500ms;
  4. --semi-transition_dulation-slow:500ms;
  5. --semi-transition_dulation-normal:500ms;
  6. --semi-transition_dulation-fast:200ms;
  7. --semi-transition_dulation-faster:100ms;
  8. --semi-transition_dulation-fastest:50ms;
  9. --semi-transition_function-linear:linear;
  10. --semi-transition_function-ease:ease;
  11. --semi-transition_function-easeIn:ease-in;
  12. --semi-transition_function-easeOut:ease-out;
  13. --semi-transition_function-easeInIOut:ease-in-out;
  14. --semi-transition_delay-slowest:0ms;
  15. --semi-transition_delay-slower:0ms;
  16. --semi-transition_delay-slow:0ms;
  17. --semi-transition_delay-normal:0ms;
  18. --semi-transition_delay-fast:0ms;
  19. --semi-transition_delay-faster:0ms;
  20. --semi-transition_delay-fastest:0ms;
  21. --semi-transform_scale-none:scale(1,1);
  22. --semi-transform_scale-small:scale(1.04,1.04);
  23. --semi-transform_scale-medium:scale(1.08,1.08);
  24. --semi-transform_scale-large:scale(1.12,1.12);
  25. --semi-transform-rotate-none:rotate(0deg);
  26. --semi-transform_rotate-clockwise90deg:rotate(90deg);
  27. --semi-transform_rotate-clockwise180deg:rotate(180deg);
  28. --semi-transform_rotate-clockwise270deg:rotate(270deg);
  29. --semi-transform_rotate-clockwise360deg:rotate(360deg);
  30. --semi-transform_rotate-anticlockwise90deg:rotate(-90deg);
  31. --semi-transform_rotate-anticlockwise180deg:rotate(-180deg);
  32. --semi-transform_rotate-anticlockwise270deg:rotate(-270deg);
  33. --semi-transform_rotate-anticlockwise360deg:rotate(-360deg);
  34. }