| huibing.xie | 1f1606f | 2018-08-20 15:46:55 +0800 | [diff] [blame] | 1 | .waves-ripple { |
| 2 | position: absolute; |
| 3 | border-radius: 100%; |
| 4 | background-color: rgba(0, 0, 0, 0.15); |
| 5 | background-clip: padding-box; |
| 6 | pointer-events: none; |
| 7 | -webkit-user-select: none; |
| 8 | -moz-user-select: none; |
| 9 | -ms-user-select: none; |
| 10 | user-select: none; |
| 11 | -webkit-transform: scale(0); |
| 12 | -ms-transform: scale(0); |
| 13 | transform: scale(0); |
| 14 | opacity: 1; |
| 15 | } |
| 16 | |
| 17 | .waves-ripple.z-active { |
| 18 | opacity: 0; |
| 19 | -webkit-transform: scale(2); |
| 20 | -ms-transform: scale(2); |
| 21 | transform: scale(2); |
| 22 | -webkit-transition: opacity 1.2s ease-out, -webkit-transform 0.6s ease-out; |
| 23 | transition: opacity 1.2s ease-out, -webkit-transform 0.6s ease-out; |
| 24 | transition: opacity 1.2s ease-out, transform 0.6s ease-out; |
| 25 | transition: opacity 1.2s ease-out, transform 0.6s ease-out, -webkit-transform 0.6s ease-out; |
| 26 | } |