mirror of
https://github.com/DJ2LS/FreeDATA
synced 2024-05-14 08:04:33 +00:00
force gpu usage for all canvas and progress bars
This commit is contained in:
parent
ee79695449
commit
7dd90d4242
|
@ -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>
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue