animation.scss 3.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384
  1. body{
  2. --semi-transition_duration-slowest:0ms;
  3. --semi-transition_duration-slower:0ms;
  4. --semi-transition_duration-slow:0ms;
  5. --semi-transition_duration-normal:0ms;
  6. --semi-transition_duration-fast:0ms;
  7. --semi-transition_duration-faster:0ms;
  8. --semi-transition_duration-fastest:0ms;
  9. --semi-transition_duration-none:0ms;
  10. --semi-transition_function-linear:linear;
  11. --semi-transition_function-ease:ease;
  12. --semi-transition_function-easeIn:ease-in;
  13. --semi-transition_function-easeOut:ease-out;
  14. --semi-transition_function-easeInIOut:ease-in-out;
  15. --semi-transition_delay-none: 0ms;
  16. --semi-transition_delay-slowest:0ms;
  17. --semi-transition_delay-slower:0ms;
  18. --semi-transition_delay-slow:0ms;
  19. --semi-transition_delay-normal:0ms;
  20. --semi-transition_delay-fast:0ms;
  21. --semi-transition_delay-faster:0ms;
  22. --semi-transition_delay-fastest:0ms;
  23. --semi-transform_scale-none:scale(1,1);
  24. --semi-transform_scale-small:scale(1,1);
  25. --semi-transform_scale-medium:scale(1,1);
  26. --semi-transform_scale-large:scale(1,1);
  27. --semi-transform-rotate-none:rotate(0deg);
  28. --semi-transform_rotate-clockwise90deg:rotate(90deg);
  29. --semi-transform_rotate-clockwise180deg:rotate(180deg);
  30. --semi-transform_rotate-clockwise270deg:rotate(270deg);
  31. --semi-transform_rotate-clockwise360deg:rotate(360deg);
  32. --semi-transform_rotate-anticlockwise90deg:rotate(-90deg);
  33. --semi-transform_rotate-anticlockwise180deg:rotate(-180deg);
  34. --semi-transform_rotate-anticlockwise270deg:rotate(-270deg);
  35. --semi-transform_rotate-anticlockwise360deg:rotate(-360deg);
  36. // has animation
  37. // --semi-transition_duration-slowest:500ms;
  38. // --semi-transition_duration-slower:500ms;
  39. // --semi-transition_duration-slow:500ms;
  40. // --semi-transition_duration-normal:500ms;
  41. // --semi-transition_duration-fast:200ms;
  42. // --semi-transition_duration-faster:100ms;
  43. // --semi-transition_duration-fastest:50ms;
  44. // --semi-transition_function-linear:linear;
  45. // --semi-transition_function-ease:ease;
  46. // --semi-transition_function-easeIn:ease-in;
  47. // --semi-transition_function-easeOut:ease-out;
  48. // --semi-transition_function-easeInIOut:ease-in-out;
  49. // --semi-transition_delay-slowest:0ms;
  50. // --semi-transition_delay-slower:0ms;
  51. // --semi-transition_delay-slow:0ms;
  52. // --semi-transition_delay-normal:0ms;
  53. // --semi-transition_delay-fast:0ms;
  54. // --semi-transition_delay-faster:0ms;
  55. // --semi-transition_delay-fastest:0ms;
  56. // --semi-transform_scale-none:scale(1,1);
  57. // --semi-transform_scale-small:scale(1.04,1.04);
  58. // --semi-transform_scale-medium:scale(1.08,1.08);
  59. // --semi-transform_scale-large:scale(1.12,1.12);
  60. // --semi-transform-rotate-none:rotate(0deg);
  61. // --semi-transform_rotate-clockwise90deg:rotate(90deg);
  62. // --semi-transform_rotate-clockwise180deg:rotate(180deg);
  63. // --semi-transform_rotate-clockwise270deg:rotate(270deg);
  64. // --semi-transform_rotate-clockwise360deg:rotate(360deg);
  65. // --semi-transform_rotate-anticlockwise90deg:rotate(-90deg);
  66. // --semi-transform_rotate-anticlockwise180deg:rotate(-180deg);
  67. // --semi-transform_rotate-anticlockwise270deg:rotate(-270deg);
  68. // --semi-transform_rotate-anticlockwise360deg:rotate(-360deg);
  69. }