Вы не можете выбрать более 25 тем Темы должны начинаться с буквы или цифры, могут содержать дефисы(-) и должны содержать не более 35 символов.
 
 
 
 

111 строки
2.5 KiB

  1. .rc-trigger-popup {
  2. position: absolute;
  3. left: -9999px;
  4. top: -9999px;
  5. z-index: 1050;
  6. }
  7. .rc-trigger-popup-hidden {
  8. display: none;
  9. }
  10. .rc-trigger-popup-zoom-enter,
  11. .rc-trigger-popup-zoom-appear {
  12. opacity: 0;
  13. animation-duration: 0.3s;
  14. animation-fill-mode: both;
  15. animation-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);
  16. animation-play-state: paused;
  17. }
  18. .rc-trigger-popup-zoom-leave {
  19. animation-duration: 0.3s;
  20. animation-fill-mode: both;
  21. animation-timing-function: cubic-bezier(0.6, -0.3, 0.74, 0.05);
  22. animation-play-state: paused;
  23. }
  24. .rc-trigger-popup-zoom-enter.rc-trigger-popup-zoom-enter-active,
  25. .rc-trigger-popup-zoom-appear.rc-trigger-popup-zoom-appear-active {
  26. animation-name: rcTriggerZoomIn;
  27. animation-play-state: running;
  28. }
  29. .rc-trigger-popup-zoom-leave.rc-trigger-popup-zoom-leave-active {
  30. animation-name: rcTriggerZoomOut;
  31. animation-play-state: running;
  32. }
  33. @keyframes rcTriggerZoomIn {
  34. 0% {
  35. opacity: 0;
  36. transform-origin: 50% 50%;
  37. transform: scale(0, 0);
  38. }
  39. 100% {
  40. opacity: 1;
  41. transform-origin: 50% 50%;
  42. transform: scale(1, 1);
  43. }
  44. }
  45. @keyframes rcTriggerZoomOut {
  46. 0% {
  47. opacity: 1;
  48. transform-origin: 50% 50%;
  49. transform: scale(1, 1);
  50. }
  51. 100% {
  52. opacity: 0;
  53. transform-origin: 50% 50%;
  54. transform: scale(0, 0);
  55. }
  56. }
  57. .rc-trigger-popup-mask {
  58. position: fixed;
  59. top: 0;
  60. right: 0;
  61. left: 0;
  62. bottom: 0;
  63. background-color: #373737;
  64. background-color: rgba(55, 55, 55, 0.6);
  65. height: 100%;
  66. filter: alpha(opacity=50);
  67. z-index: 1050;
  68. }
  69. .rc-trigger-popup-mask-hidden {
  70. display: none;
  71. }
  72. .rc-trigger-popup-fade-enter,
  73. .rc-trigger-popup-fade-appear {
  74. opacity: 0;
  75. animation-duration: 0.3s;
  76. animation-fill-mode: both;
  77. animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  78. animation-play-state: paused;
  79. }
  80. .rc-trigger-popup-fade-leave {
  81. animation-duration: 0.3s;
  82. animation-fill-mode: both;
  83. animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  84. animation-play-state: paused;
  85. }
  86. .rc-trigger-popup-fade-enter.rc-trigger-popup-fade-enter-active,
  87. .rc-trigger-popup-fade-appear.rc-trigger-popup-fade-appear-active {
  88. animation-name: rcTriggerMaskFadeIn;
  89. animation-play-state: running;
  90. }
  91. .rc-trigger-popup-fade-leave.rc-trigger-popup-fade-leave-active {
  92. animation-name: rcDialogFadeOut;
  93. animation-play-state: running;
  94. }
  95. @keyframes rcTriggerMaskFadeIn {
  96. 0% {
  97. opacity: 0;
  98. }
  99. 100% {
  100. opacity: 1;
  101. }
  102. }
  103. @keyframes rcDialogFadeOut {
  104. 0% {
  105. opacity: 1;
  106. }
  107. 100% {
  108. opacity: 0;
  109. }
  110. }