2015-07-01 17:25:16 +08:00
|
|
|
@keyframes loadingCircle {
|
|
|
|
100% {
|
|
|
|
transform: rotate(360deg);
|
|
|
|
}
|
2015-11-26 19:32:55 +08:00
|
|
|
}
|
2018-08-11 14:57:41 +08:00
|
|
|
|
|
|
|
[ant-click-animating],
|
|
|
|
[ant-click-animating-without-extra-node] {
|
|
|
|
position: relative;
|
|
|
|
}
|
|
|
|
|
|
|
|
[ant-click-animating-without-extra-node]:after,
|
|
|
|
.ant-click-animating-node {
|
|
|
|
content: '';
|
|
|
|
position: absolute;
|
|
|
|
top: -1px;
|
|
|
|
left: -1px;
|
|
|
|
bottom: -1px;
|
|
|
|
right: -1px;
|
|
|
|
border-radius: inherit;
|
|
|
|
border: 0 solid @primary-color;
|
2018-08-20 21:02:51 +08:00
|
|
|
opacity: 0.16;
|
|
|
|
animation: fadeEffect 2.2s cubic-bezier(0.2, 1, 0.3, 1), waveEffect .4s cubic-bezier(0.2, 1, 0.3, 1);
|
2018-08-20 20:59:48 +08:00
|
|
|
animation-fill-mode: forwards;
|
2018-08-11 14:57:41 +08:00
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
|
|
|
|
@keyframes waveEffect {
|
2018-08-20 20:59:48 +08:00
|
|
|
100% {
|
2018-08-11 14:57:41 +08:00
|
|
|
top: -@wave-animation-width;
|
|
|
|
left: -@wave-animation-width;
|
|
|
|
bottom: -@wave-animation-width;
|
|
|
|
right: -@wave-animation-width;
|
|
|
|
border-width: @wave-animation-width;
|
|
|
|
}
|
|
|
|
}
|
2018-08-20 20:59:48 +08:00
|
|
|
|
|
|
|
@keyframes fadeEffect {
|
|
|
|
100% {
|
|
|
|
opacity: 0;
|
|
|
|
}
|
|
|
|
}
|