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

Merge pull request #1953 from mononaut/breathe-effect-framerate

Browse Source 
limit pulsing blocks animation frame rate to 30FPS
This commit is contained in:
wiz 2022-07-07 16:56:18 +02:00 committed by GitHub
commit 6ead907e08
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
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;
} }