Loading screen: Ensure bounce animation isn't blocked by main thread (#78469)

remove transform-origin to ensure animation gets put on compositor thread
pull/78478/head
Ashley Harrison 2 years ago committed by GitHub
parent 894d97984c
commit b843221730
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
  1. 5
      public/views/index-template.html

@ -120,26 +120,21 @@
0% {
transform: scaleX(1.3) scaleY(0.8);
animation-timing-function: cubic-bezier(0.3, 0, 0.1, 1);
transform-origin: bottom center;
}
15% {
transform: scaleX(0.75) scaleY(1.25);
animation-timing-function: cubic-bezier(0, 0, 0.7, 0.75);
transform-origin: bottom center;
}
55% {
transform: scaleX(1.05) scaleY(0.95);
animation-timing-function: cubic-bezier(0.9, 0, 1, 1);
transform-origin: top center;
}
95% {
transform: scaleX(0.75) scaleY(1.25);
animation-timing-function: cubic-bezier(0, 0, 0, 1);
transform-origin: bottom center;
}
100% {
transform: scaleX(1.3) scaleY(0.8);
transform-origin: bottom center;
animation-timing-function: cubic-bezier(0, 0, 0.7, 1);
}
}

Loading…
Cancel
Save