⚠️ Fix most animations/transitions performance issues
All checks were successful
continuous-integration/drone/push Build is passing

- Basically add `will-change` to CSS elements to enable GPU animations, less choppy, more sassy
- Use requestAnimationFrame over setTimeout
- Avoid repaints AMAP
This commit is contained in:
2020-04-05 16:07:44 +02:00
parent 0b8086e63c
commit bd9b91f480
21 changed files with 129 additions and 89 deletions

View File

@@ -29,7 +29,7 @@
// Scroll to page top
window.scrollTo(0,0)
// Run the page animation / after a tiny delay
setTimeout(() => animateIn(scope), 1)
requestAnimationFrame(() => animateIn(scope))
}, animDelayPanel)
})
</script>