ant-design/components/style/core/motion/other.less

46 lines
894 B
Plaintext
Raw Normal View History

2015-07-01 17:25:16 +08:00
@keyframes loadingCircle {
100% {
transform: rotate(360deg);
}
2015-11-26 19:32:55 +08:00
}
[ant-click-animating='true'],
[ant-click-animating-without-extra-node='true'] {
position: relative;
}
2019-04-09 19:32:58 +08:00
html {
--antd-wave-shadow-color: @primary-color;
}
[ant-click-animating-without-extra-node='true']::after,
.ant-click-animating-node {
position: absolute;
2019-04-09 19:32:58 +08:00
top: 0;
right: 0;
bottom: 0;
left: 0;
display: block;
border-radius: inherit;
2019-04-09 19:32:58 +08:00
box-shadow: 0 0 0 0 @primary-color;
box-shadow: 0 0 0 0 var(--antd-wave-shadow-color);
2018-08-20 23:55:35 +08:00
opacity: 0.2;
2018-12-07 16:17:45 +08:00
animation: fadeEffect 2s @ease-out-circ, waveEffect 0.4s @ease-out-circ;
2018-08-20 20:59:48 +08:00
animation-fill-mode: forwards;
content: '';
2019-04-15 22:44:51 +08:00
pointer-events: none;
}
@keyframes waveEffect {
2018-08-20 20:59:48 +08:00
100% {
2019-04-09 19:32:58 +08:00
box-shadow: 0 0 0 @primary-color;
box-shadow: 0 0 0 @wave-animation-width var(--antd-wave-shadow-color);
}
}
2018-08-20 20:59:48 +08:00
@keyframes fadeEffect {
100% {
opacity: 0;
}
}