public/grafana
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source 
remove transform-origin to ensure animation gets put on compositor thread
This commit is contained in:
Ashley Harrison
2023-11-21 14:43:00 +00:00
committed by GitHub
parent 894d97984c
commit b843221730
1 changed files with 0 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/views/index-template.html
-5
View File
@@ -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);
}
}