更新动画
This commit is contained in:
parent
d50341711e
commit
006e37d3bf
|
@ -20,22 +20,22 @@
|
||||||
|
|
||||||
.div {
|
.div {
|
||||||
display: flex;
|
display: flex;
|
||||||
width: 3.5em;
|
width: 20em;
|
||||||
height: 3.5em;
|
height: 20em;
|
||||||
border: 3px solid transparent;
|
border: 1em solid transparent;
|
||||||
border-top-color: #3cefff;
|
border-top-color: #3cefff;
|
||||||
border-bottom-color: #3cefff;
|
border-bottom-color: #3cefff;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
animation: spin 1.5s linear infinite;
|
animation: spin 1.5s linear infinite;
|
||||||
}
|
}
|
||||||
|
|
||||||
div:before {
|
.div:before {
|
||||||
content: '';
|
content: '';
|
||||||
display: block;
|
display: block;
|
||||||
margin: auto;
|
margin: auto;
|
||||||
width: 0.75em;
|
width: 10em;
|
||||||
height: 0.75em;
|
height: 10em;
|
||||||
border: 3px solid #3cefff;
|
border: 1em solid #3cefff;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
animation: pulse 1s alternate ease-in-out infinite;
|
animation: pulse 1s alternate ease-in-out infinite;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue