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% { 0% {
transform: scaleX(1.3) scaleY(0.8); transform: scaleX(1.3) scaleY(0.8);
animation-timing-function: cubic-bezier(0.3, 0, 0.1, 1); animation-timing-function: cubic-bezier(0.3, 0, 0.1, 1);
transform-origin: bottom center;
} }
15% { 15% {
transform: scaleX(0.75) scaleY(1.25); transform: scaleX(0.75) scaleY(1.25);
animation-timing-function: cubic-bezier(0, 0, 0.7, 0.75); animation-timing-function: cubic-bezier(0, 0, 0.7, 0.75);
transform-origin: bottom center;
} }
55% { 55% {
transform: scaleX(1.05) scaleY(0.95); transform: scaleX(1.05) scaleY(0.95);
animation-timing-function: cubic-bezier(0.9, 0, 1, 1); animation-timing-function: cubic-bezier(0.9, 0, 1, 1);
transform-origin: top center;
} }
95% { 95% {
transform: scaleX(0.75) scaleY(1.25); transform: scaleX(0.75) scaleY(1.25);
animation-timing-function: cubic-bezier(0, 0, 0, 1); animation-timing-function: cubic-bezier(0, 0, 0, 1);
transform-origin: bottom center;
} }
100% { 100% {
transform: scaleX(1.3) scaleY(0.8); transform: scaleX(1.3) scaleY(0.8);
transform-origin: bottom center;
animation-timing-function: cubic-bezier(0, 0, 0.7, 1); animation-timing-function: cubic-bezier(0, 0, 0.7, 1);
} }
} }

Loading…
Cancel
Save