Creepso/miru
1
0
Fork 0
mirror of https://github.com/ThaUnknown/miru.git synced 2026-04-18 23:52:12 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix: further improve animation performance

Browse source
This commit is contained in:
ThaUnknown 2023-08-24 22:49:09 +02:00
parent ee67013b3d
commit dd2d298537
1 changed files with 5 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
src/renderer/css.css
View file

@ -120,7 +120,7 @@ img[src=''], img[src=' '] {
}
.root {
animation: 0.3s ease 0s 1 root-load-in;
animation: 0.3s ease 0s 1 load-in;
}
.content-visibility-auto {
@ -131,19 +131,8 @@ img[src=''], img[src=' '] {
left: 0 !important;
width: 100% !important;
}
@keyframes root-load-in {
from {
bottom: -1.2rem;
transform: scale(0.95);
}
to {
bottom: 0;
transform: scale(1);
}
}
@keyframes load {
@keyframes skeleloader {
from {
background-position-x: 200%;
}
@ -154,13 +143,11 @@ img[src=''], img[src=' '] {
}
@keyframes load-in {
from {
bottom: -1.2rem;
transform: scale(0.95);
transform: translateY(1.2rem) scale(0.95);
}
to {
bottom: 0;
transform: scale(1);
transform: none
}
}
@ -175,7 +162,7 @@ img[src=''], img[src=' '] {
background: linear-gradient(to right, transparent 0%, #17191c 50%, transparent 100%);
background-repeat: no-repeat;
background-size: 200% 100%;
animation: load 1s infinite cubic-bezier(0.4, 0, 0.2, 1);
animation: skeleloader 1s infinite cubic-bezier(0.4, 0, 0.2, 1);
}
.align-content-start {