Skip to content

Commit a67fff9

Browse files
committed
fix(desktop): stop pet idle animation flicker
1 parent c5b6787 commit a67fff9

1 file changed

Lines changed: 8 additions & 11 deletions

File tree

  • packages/desktop-shell/bootstrap

packages/desktop-shell/bootstrap/pet.html

Lines changed: 8 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -24,34 +24,31 @@
2424
width: 144px;
2525
height: 156px;
2626
background: url('./qwen-pet.webp') 0 0 / 1152px 1404px no-repeat;
27-
animation: idle 1.1s steps(1) infinite;
27+
animation: idle 6.6s step-end infinite;
2828
image-rendering: pixelated;
2929
filter: drop-shadow(0 9px 8px rgb(0 0 0 / 35%));
3030
}
3131
@keyframes idle {
3232
0% {
3333
background-position: 0 0;
3434
}
35-
12.5% {
35+
25.4545% {
3636
background-position: -144px 0;
3737
}
38-
25% {
38+
35.4545% {
3939
background-position: -288px 0;
4040
}
41-
37.5% {
41+
45.4545% {
4242
background-position: -432px 0;
4343
}
44-
50% {
44+
58.1818% {
4545
background-position: -576px 0;
4646
}
47-
62.5% {
47+
70.9091% {
4848
background-position: -720px 0;
4949
}
50-
75% {
51-
background-position: -864px 0;
52-
}
53-
87.5% {
54-
background-position: -1008px 0;
50+
100% {
51+
background-position: 0 0;
5552
}
5653
}
5754
@media (prefers-reduced-motion: reduce) {

0 commit comments

Comments
 (0)