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

limit pulsing blocks animation frame rate to 30FPS

Browse Source 
possibly resolves #1941
This commit is contained in:
Mononaut 2022-06-29 16:07:48 +00:00
parent 7262f61ca0
commit 2c73153db0
No known key found for this signature in database
GPG Key ID: 61B952CAF4838F94
2 changed files with 10 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/app/components/blockchain-blocks/blockchain-blocks.component.scss
View File

@ -114,7 +114,11 @@
} }
.flashing { .flashing {
animation: opacityPulse 2s ease-out; /* force compositing */
will-change: opacity;
transform: translateZ(0);
/* effective max frame rate = (#keyframes - 1) x steps / duration */
animation: opacityPulse 2s steps(30, end);
animation-iteration-count: infinite; animation-iteration-count: infinite;
opacity: 1; opacity: 1;
} }

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

@ -17,7 +17,11 @@
} }
.flashing { .flashing {
animation: opacityPulse 2s ease-out; /* force compositing */
will-change: opacity;
transform: translateZ(0);
/* effective max frame rate = (#keyframes - 1) x steps / duration */
animation: opacityPulse 2s steps(30, end);
animation-iteration-count: infinite; animation-iteration-count: infinite;
opacity: 1; opacity: 1;
} }