ant-design/components/style/core/motion/other.less
afc163 9cf6ae6010 Refactor and apply wave click animation to more components
now support Button, Tag, Radio.Button and switch
2018-08-11 15:14:34 +08:00

37 lines
724 B
Plaintext

@keyframes loadingCircle {
100% {
transform: rotate(360deg);
}
}
[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;
opacity: 0.4;
animation: waveEffect .4s cubic-bezier(.25, .8, .25, 1);
display: block;
}
@keyframes waveEffect {
to {
opacity: 0;
top: -@wave-animation-width;
left: -@wave-animation-width;
bottom: -@wave-animation-width;
right: -@wave-animation-width;
border-width: @wave-animation-width;
}
}