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

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

@@ -18,7 +18,7 @@
.flashing {
animation: opacityPulse 2s ease-out;
animation-iteration-count: infinite;
animation-iteration-count: infinite;
opacity: 1;
}
@@ -60,7 +60,7 @@
}
.bitcoin-block::after {
content: '';
content: '';
width: 125px;
height: 24px;
position:absolute;
@@ -68,7 +68,7 @@
left: -20px;
background-color: #232838;
transform:skew(40deg);
transform-origin:top;
transform-origin:top;
}
.bitcoin-block::before {
@@ -78,18 +78,18 @@
position: absolute;
top: -12px;
left: -20px;
background-color: #191c27;
background-color: #191c27;
transform: skewY(50deg);
transform-origin: top;
transform-origin: top;
}
.mempool-block.bitcoin-block::after {
background-color: #403834;
background-color: #403834;
}
.mempool-block.bitcoin-block::before {
background-color: #2d2825;
background-color: #2d2825;
}
.black-background {
@@ -102,8 +102,8 @@
position: relative;
right: 75px;
top: 140px;
width: 0;
height: 0;
width: 0;
height: 0;
border-left: 35px solid transparent;
border-right: 35px solid transparent;
border-bottom: 35px solid #FFF;