force gpu usage for all canvas and progress bars

This commit is contained in:
DJ2LS 2023-01-26 15:30:42 +01:00
parent ee79695449
commit 7dd90d4242
2 changed files with 14 additions and 3 deletions

View file

@ -855,9 +855,9 @@
</div>
<div class="card-body p-1" style="height: 200px">
<!--278px-->
<canvas id="waterfall" style="position: relative; z-index: 2; transform: translateZ(0);"></canvas>
<canvas id="scatter" style="position: relative; z-index: 1; transform: translateZ(0);"></canvas>
<canvas id="chart" style="position: relative; z-index: 1; transform: translateZ(0);"></canvas>
<canvas id="waterfall" style="position: relative; z-index: 2;" class="force-gpu"></canvas>
<canvas id="scatter" style="position: relative; z-index: 1;" class="force-gpu"></canvas>
<canvas id="chart" style="position: relative; z-index: 1;" class="force-gpu"></canvas>
</div>
</div>
</div>

View file

@ -78,3 +78,14 @@ https://stackoverflow.com/questions/13176746/css-keyframe-animation-cpu-usage-is
-ms-transform: translateZ(0);
will-change: transform;
}
/* force disable transition effects
https://stackoverflow.com/a/9622873
*/
.disable-effects {
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
}