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

@@ -38,7 +38,7 @@ export const animateIn = () => {
// Illustration
tl.add({
targets: '.place__illustration',
scale: [1.075, 1],
scale: [1.1, 1],
opacity: [0, 1]
}, 0)