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

Add mempool special block animation.

Browse Source
This commit is contained in:
Miguel Medeiros
2021-11-11 15:49:47 -03:00
parent 46a2854f67
commit a3de75ebf4
7 changed files with 72 additions and 67 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
frontend/src/styles.scss
View File

@@ -941,3 +941,35 @@ th {
width: 220px;
}
}
// Blinking block
@keyframes shadowyBackground {
0% {
box-shadow: -10px -15px 75px rgba(#5E35B1, 1);
transform: rotate(0deg) translateY(0px);
}
25% {
transform: rotate(3deg) translateY(5px);
}
50% {
box-shadow: -10px -15px 75px rgba(#5E35B1, .3);
transform: rotate(0deg) translateY(0px);
}
75% {
transform: rotate(-3deg) translateY(5px);
}
100% {
box-shadow: -10px -15px 75px rgba(#5E35B1, 1);
transform: rotate(0deg);
}
}
.blink-bg {
color: #fff;
background: repeating-linear-gradient(rgb(45, 51, 72), rgb(45, 51, 72) 0.163525%, rgb(16, 95, 176) 100%, rgb(147, 57, 244) 0.163525%) !important;
animation: shadowyBackground 1s infinite;
box-shadow: -10px -15px 75px rgba(#5E35B1, 1);
transition: 100ms all ease-in;
}