⚠️ Fix most animations/transitions performance issues
All checks were successful
continuous-integration/drone/push Build is passing
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:
@@ -12,7 +12,10 @@
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
will-change: transform;
|
||||
|
||||
&, * {
|
||||
will-change: transform, opacity;
|
||||
}
|
||||
|
||||
// Content
|
||||
&__loader {
|
||||
@@ -29,7 +32,6 @@
|
||||
height: 100%;
|
||||
background-color: $color-primary;
|
||||
transform-origin: 50% 0;
|
||||
will-change: transform;
|
||||
}
|
||||
|
||||
// Hidden
|
||||
|
||||
Reference in New Issue
Block a user