Blame view

src/styles/animation/ease.less 719 Bytes
be966e9f   梁灏   add Modal component
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
31
32
33
34
35
36
  .ease-motion(@className, @keyframeName) {
      .make-motion(@className, @keyframeName);
      .@{className}-enter, .@{className}-appear {
          opacity: 0;
          animation-timing-function: linear;
          animation-duration: @transition-time;
      }
      .@{className}-leave {
          animation-timing-function: linear;
          animation-duration: @transition-time;
      }
  }
  
  .ease-motion(ease, ivuEase);
  
  @keyframes ivuEaseIn {
      0% {
          opacity: 0;
          transform: scale(0.9);
      }
      100% {
          opacity: 1;
          transform: scale(1);
      }
  }
  
  @keyframes ivuEaseOut {
      0% {
          opacity: 1;
          transform: scale(1);
      }
      100% {
          opacity: 0;
          transform: scale(0.9);
      }
  }