machankura/mempool
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

support for acceleration mempool blocks animation

Browse Source
This commit is contained in:
Mononaut
2023-06-13 13:35:25 -04:00
parent 083bfdba06
commit ba54bc9d15
6 changed files with 51 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
frontend/src/app/components/mempool-blocks/mempool-blocks.component.scss
View File

@@ -169,4 +169,34 @@
transform: translate(calc(-0.2 * var(--block-size)), calc(1.1 * var(--block-size)));
border-radius: 2px;
z-index: -1;
}
.blink{
width:400px;
height:400px;
border-bottom: 35px solid #FFF;
animation: blink 0.2s infinite;
}
@keyframes blink{
0% {
border-bottom: 35px solid green;
}
50% {
border-bottom: 35px solid yellow;
}
100% {
border-bottom: 35px solid orange;
}
}
@-webkit-keyframes blink{
0% {
border-bottom: 35px solid green;
}
50% {
border-bottom: 35px solid yellow;
}
100% {
border-bottom: 35px solid orange;
}
}