Blame view

src/styles/animation/index.less 702 Bytes
7c15ac9e   梁灏   add Message compo...
1
2
3
4
5
6
  .motion-common() {
      animation-duration: @animation-time;
      animation-fill-mode: both;
  }
  
  .make-motion(@className, @keyframeName) {
5d122b37   梁灏   support Alert
7
      .@{className}-enter-active, .@{className}-appear {
7c15ac9e   梁灏   add Message compo...
8
9
10
          .motion-common();
          animation-play-state: paused;
      }
5d122b37   梁灏   support Alert
11
      .@{className}-leave-active {
7c15ac9e   梁灏   add Message compo...
12
13
14
          .motion-common();
          animation-play-state: paused;
      }
5d122b37   梁灏   support Alert
15
      .@{className}-enter-active, .@{className}-appear {
7c15ac9e   梁灏   add Message compo...
16
17
18
          animation-name: ~"@{keyframeName}In";
          animation-play-state: running;
      }
5d122b37   梁灏   support Alert
19
      .@{className}-leave-active {
7c15ac9e   梁灏   add Message compo...
20
21
22
23
24
25
          animation-name: ~"@{keyframeName}Out";
          animation-play-state: running;
      }
  }
  
  @import "fade";
be966e9f   梁灏   add Modal component
26
  @import "move";
e355dd49   梁灏   add Select Component
27
28
  @import "ease";
  @import "slide";