mirrors/mempool
1
0
Fork 0
mirror of https://github.com/mempool/mempool.git synced 2025-02-24 06:47:52 +01:00
Code Issues 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;
} }