mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2024-11-28 05:05:48 +08:00
Code Issues Actions 43 Packages Projects Releases Wiki Activity

New animation for Badge[status="processing"]

Browse Source
This commit is contained in:
afc163 2017-02-13 14:49:03 +08:00
parent dd589a4366
commit 8726e8581b
1 changed files with 17 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
components/badge/style/index.less
View File

@ -60,7 +60,18 @@
}
&-processing {
background-color: @primary-color;
animation: antStatusProcessing 1.2s infinite ease-in-out;
position: relative;
&:after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 50%;
background-color: @primary-color;
content: '';
animation: antStatusProcessing 1.2s infinite ease-in-out;
}
}
&-default {
background-color: @normal-color;
@ -98,11 +109,11 @@
}
@keyframes antStatusProcessing {
0%,
100% {
opacity: 1;
}
50% {
0% {
transform: scale(0.8);
opacity: 0.5;
} 100% {
transform: scale(2.4);
opacity: 0;
}
}