chenhaodong / mew-iview

Blame view

src/styles/animation/ease.less 733 Bytes
Edit Raw Normal View History
be966e9f   梁灏   add Modal component 
1
2
 
  .ease-motion(@className, @keyframeName) {
      .make-motion(@className, @keyframeName);
5d122b37   梁灏   support Alert 
3
 
      .@{className}-enter-active, .@{className}-appear {
be966e9f   梁灏   add Modal component 
4
5
6
7
 
          opacity: 0;
          animation-timing-function: linear;
          animation-duration: @transition-time;
      }
5d122b37   梁灏   support Alert 
8
 
      .@{className}-leave-active {
be966e9f   梁灏   add Modal component 
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
 
          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);
      }
  }