Fix accelerate arrow, add accelerating status
This commit is contained in:
@@ -174,29 +174,29 @@
|
||||
.blink{
|
||||
width:400px;
|
||||
height:400px;
|
||||
border-bottom: 35px solid #FFF;
|
||||
border-bottom: solid calc(0.3 * var(--block-size)) #FFF;
|
||||
animation: blink 0.2s infinite;
|
||||
}
|
||||
@keyframes blink{
|
||||
0% {
|
||||
border-bottom: 35px solid green;
|
||||
border-bottom: solid calc(0.3 * var(--block-size)) green;
|
||||
}
|
||||
50% {
|
||||
border-bottom: 35px solid yellow;
|
||||
border-bottom: solid calc(0.3 * var(--block-size)) yellow;
|
||||
}
|
||||
100% {
|
||||
border-bottom: 35px solid orange;
|
||||
border-bottom: solid calc(0.3 * var(--block-size)) orange;
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes blink{
|
||||
0% {
|
||||
border-bottom: 35px solid green;
|
||||
border-bottom: solid calc(0.3 * var(--block-size)) green;
|
||||
}
|
||||
50% {
|
||||
border-bottom: 35px solid yellow;
|
||||
border-bottom: solid calc(0.3 * var(--block-size)) yellow;
|
||||
}
|
||||
100% {
|
||||
border-bottom: 35px solid orange;
|
||||
border-bottom: solid calc(0.3 * var(--block-size)) orange;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user