index.wxss 4.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206
  1. .wux-animate--fadeIn-enter {
  2. transition: opacity .3s;
  3. opacity: 0
  4. }
  5. .wux-animate--fadeIn-enter-active,
  6. .wux-animate--fadeIn-enter-done {
  7. opacity: 1
  8. }
  9. .wux-animate--fadeIn-exit {
  10. transition: opacity .3s;
  11. opacity: 1
  12. }
  13. .wux-animate--fadeIn-exit-active,
  14. .wux-animate--fadeIn-exit-done {
  15. opacity: 0
  16. }
  17. .wux-animate--fadeInDown-enter {
  18. transition: opacity .3s,transform .3s;
  19. opacity: 0;
  20. transform: translate3d(0,-100%,0)
  21. }
  22. .wux-animate--fadeInDown-enter-active,
  23. .wux-animate--fadeInDown-enter-done {
  24. opacity: 1;
  25. transform: none
  26. }
  27. .wux-animate--fadeInDown-exit {
  28. transition: opacity .3s,transform .3s;
  29. opacity: 1;
  30. transform: none
  31. }
  32. .wux-animate--fadeInDown-exit-active,
  33. .wux-animate--fadeInDown-exit-done {
  34. opacity: 0;
  35. transform: translate3d(0,-100%,0)
  36. }
  37. .wux-animate--fadeInLeft-enter {
  38. transition: opacity .3s,transform .3s;
  39. opacity: 0;
  40. transform: translate3d(-100%,0,0)
  41. }
  42. .wux-animate--fadeInLeft-enter-active,
  43. .wux-animate--fadeInLeft-enter-done {
  44. opacity: 1;
  45. transform: none
  46. }
  47. .wux-animate--fadeInLeft-exit {
  48. transition: opacity .3s,transform .3s;
  49. opacity: 1;
  50. transform: none
  51. }
  52. .wux-animate--fadeInLeft-exit-active,
  53. .wux-animate--fadeInLeft-exit-done {
  54. opacity: 0;
  55. transform: translate3d(-100%,0,0)
  56. }
  57. .wux-animate--fadeInRight-enter {
  58. transition: opacity .3s,transform .3s;
  59. opacity: 0;
  60. transform: translate3d(100%,0,0)
  61. }
  62. .wux-animate--fadeInRight-enter-active,
  63. .wux-animate--fadeInRight-enter-done {
  64. opacity: 1;
  65. transform: none
  66. }
  67. .wux-animate--fadeInRight-exit {
  68. transition: opacity .3s,transform .3s;
  69. opacity: 1;
  70. transform: none
  71. }
  72. .wux-animate--fadeInRight-exit-active,
  73. .wux-animate--fadeInRight-exit-done {
  74. opacity: 0;
  75. transform: translate3d(100%,0,0)
  76. }
  77. .wux-animate--fadeInUp-enter {
  78. transition: opacity .3s,transform .3s;
  79. opacity: 0;
  80. transform: translate3d(0,100%,0)
  81. }
  82. .wux-animate--fadeInUp-enter-active,
  83. .wux-animate--fadeInUp-enter-done {
  84. opacity: 1;
  85. transform: none
  86. }
  87. .wux-animate--fadeInUp-exit {
  88. transition: opacity .3s,transform .3s;
  89. opacity: 1;
  90. transform: none
  91. }
  92. .wux-animate--fadeInUp-exit-active,
  93. .wux-animate--fadeInUp-exit-done {
  94. opacity: 0;
  95. transform: translate3d(0,100%,0)
  96. }
  97. .wux-animate--slideInUp-enter {
  98. transition: transform .3s;
  99. transform: translate3d(0,100%,0);
  100. visibility: visible
  101. }
  102. .wux-animate--slideInUp-enter-active,
  103. .wux-animate--slideInUp-enter-done {
  104. transform: translateZ(0)
  105. }
  106. .wux-animate--slideInUp-exit {
  107. transition: transform .3s;
  108. transform: translateZ(0)
  109. }
  110. .wux-animate--slideInUp-exit-active,
  111. .wux-animate--slideInUp-exit-done {
  112. transform: translate3d(0,100%,0);
  113. visibility: visible
  114. }
  115. .wux-animate--slideInDown-enter {
  116. transition: transform .3s;
  117. transform: translate3d(0,-100%,0);
  118. visibility: visible
  119. }
  120. .wux-animate--slideInDown-enter-active,
  121. .wux-animate--slideInDown-enter-done {
  122. transform: translateZ(0)
  123. }
  124. .wux-animate--slideInDown-exit {
  125. transition: transform .3s;
  126. transform: translateZ(0)
  127. }
  128. .wux-animate--slideInDown-exit-active,
  129. .wux-animate--slideInDown-exit-done {
  130. transform: translate3d(0,-100%,0);
  131. visibility: visible
  132. }
  133. .wux-animate--slideInLeft-enter {
  134. transition: transform .3s;
  135. transform: translate3d(-100%,0,0);
  136. visibility: visible
  137. }
  138. .wux-animate--slideInLeft-enter-active,
  139. .wux-animate--slideInLeft-enter-done {
  140. transform: translateZ(0)
  141. }
  142. .wux-animate--slideInLeft-exit {
  143. transition: transform .3s;
  144. transform: translateZ(0)
  145. }
  146. .wux-animate--slideInLeft-exit-active,
  147. .wux-animate--slideInLeft-exit-done {
  148. transform: translate3d(-100%,0,0);
  149. visibility: visible
  150. }
  151. .wux-animate--slideInRight-enter {
  152. transition: transform .3s;
  153. transform: translate3d(100%,0,0);
  154. visibility: visible
  155. }
  156. .wux-animate--slideInRight-enter-active,
  157. .wux-animate--slideInRight-enter-done {
  158. transform: none
  159. }
  160. .wux-animate--slideInRight-exit {
  161. transition: transform .3s;
  162. transform: none
  163. }
  164. .wux-animate--slideInRight-exit-active,
  165. .wux-animate--slideInRight-exit-done {
  166. transform: translate3d(100%,0,0);
  167. visibility: visible
  168. }
  169. .wux-animate--zoom-enter {
  170. transition: all .3s cubic-bezier(.215,.61,.355,1);
  171. opacity: .01;
  172. transform: scale(.75)
  173. }
  174. .wux-animate--zoom-enter-active,
  175. .wux-animate--zoom-enter-done {
  176. opacity: 1;
  177. transform: none
  178. }
  179. .wux-animate--zoom-exit {
  180. transition: all .25s linear;
  181. transform: none
  182. }
  183. .wux-animate--zoom-exit-active,
  184. .wux-animate--zoom-exit-done {
  185. opacity: .01;
  186. transform: scale(.75)
  187. }
  188. .wux-animate--punch-enter {
  189. transition: all .3s cubic-bezier(.215,.61,.355,1);
  190. opacity: .01;
  191. transform: scale(1.35)
  192. }
  193. .wux-animate--punch-enter-active,
  194. .wux-animate--punch-enter-done {
  195. opacity: 1;
  196. transform: none
  197. }
  198. .wux-animate--punch-exit {
  199. transition: all .25s linear;
  200. transform: none
  201. }
  202. .wux-animate--punch-exit-active,
  203. .wux-animate--punch-exit-done {
  204. opacity: .01;
  205. transform: scale(1.35)
  206. }