Blame view

styles/animation/fade.less 508 Bytes
7c15ac9e   梁灏   add Message compo...
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
  .fade-motion(@className, @keyframeName) {
      .make-motion(@className, @keyframeName);
      .@{className}-enter, .@{className}-appear {
          opacity: 0;
          animation-timing-function: linear;
      }
      .@{className}-leave {
          animation-timing-function: linear;
      }
  }
  
  .fade-motion(fade, ivuFade);
  
  @keyframes ivuFadeIn {
      0% {
          opacity: 0;
      }
      100% {
          opacity: 1;
      }
  }
  
  @keyframes ivuFadeOut {
      0% {
          opacity: 1;
      }
      100% {
          opacity: 0;
      }
  }