Optimize animations and transitions

will-change is apparently not enough to run GPU-enabled animations, use translateZ on top of it
2020-04-09 20:23:24 +02:00
parent 7a44d5b0ed
commit be0f4c8b59
16 changed files with 75 additions and 43 deletions
--- a/src/organisms/Pagination.svelte
+++ b/src/organisms/Pagination.svelte
@@ -45,7 +45,7 @@
    >
        <div class="pagination__info">page</div>
        <div class="pagination__numbers">
-            <div class="scroll" style="transform: translateY(-{pageTranslate}%);">
+            <div class="scroll" style="transform: translateY(-{pageTranslate}%) translateZ(0);">
                {#each pagesArray as page}
                <span>{page}</span>
                {/each}