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

52 lines
1.1 KiB
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
}
@click-animating-true: ~"[@{ant-prefix}-click-animating='true']";
@click-animating-with-extra-node-true: ~"[@{ant-prefix}-click-animating-without-extra-node='true']";
@{click-animating-true},
@{click-animating-with-extra-node-true} {
position: relative;
}
2019-04-09 19:32:58 +08:00
html {
--antd-wave-shadow-color: @primary-color;
--scroll-bar: 0;
2019-04-09 19:32:58 +08:00
}
@click-animating-with-extra-node-true-after: ~'@{click-animating-with-extra-node-true}::after';
@{click-animating-with-extra-node-true-after},
.@{ant-prefix}-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;
}
}