⚠️ 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

@@ -10,7 +10,6 @@ export const animateIn = () => {
easing: 'easeOutQuart',
duration: animDuration
})
// Simple slide and fade on each part of the page
tl.add({
targets: document.querySelectorAll('.page__part'),