吉鹏 / gulu-admin

Blame view

src/directive/waves/waves.css 878 Bytes
edit raw normal view history
d7d9c38c2   Adam   auto commit the c... 
1
2
3
 
  .waves-ripple {
      position: absolute;
      border-radius: 100%;
a6e433928   Adam   auto commit the c... 
4
5
 
      /* background-color: rgba(0, 0, 0, 0.15); */
      background-color: rgba(235, 45, 12, 0.15);
d7d9c38c2   Adam   auto commit the c... 
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
 
      background-clip: padding-box;
      pointer-events: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      -webkit-transform: scale(0);
      -ms-transform: scale(0);
      transform: scale(0);
      opacity: 1;
  }
  
  .waves-ripple.z-active {
      opacity: 0;
      -webkit-transform: scale(2);
      -ms-transform: scale(2);
      transform: scale(2);
      -webkit-transition: opacity 1.2s ease-out, -webkit-transform 0.6s ease-out;
      transition: opacity 1.2s ease-out, -webkit-transform 0.6s ease-out;
      transition: opacity 1.2s ease-out, transform 0.6s ease-out;
      transition: opacity 1.2s ease-out, transform 0.6s ease-out, -webkit-transform 0.6s ease-out;
  }