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

@@ -11,7 +11,6 @@ export const animateIn = (scope, init) => {
easing: 'easeOutQuart',
duration: 1000
})
// Stagger each letters and words
tl.add({
targets: scope.querySelectorAll('span, em span'),