fix: add tight state to cat ears for workarounds

This commit is contained in:
Acid Chicken (硫酸鶏) 2023-03-26 09:36:46 +00:00 committed by GitHub
parent 453574644c
commit 07cfab0489
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 14 additions and 0 deletions

View File

@ -86,6 +86,18 @@ watch(() => props.user.avatarBlurhash, () => {
to { transform: rotate(-37.6deg) skew(-30deg); } to { transform: rotate(-37.6deg) skew(-30deg); }
} }
@keyframes eartightleft {
from { transform: rotate(37.6deg) skew(30deg); }
50% { transform: rotate(37.4deg) skew(30deg); }
to { transform: rotate(37.6deg) skew(30deg); }
}
@keyframes eartightright {
from { transform: rotate(-37.6deg) skew(-30deg); }
50% { transform: rotate(-37.4deg) skew(-30deg); }
to { transform: rotate(-37.6deg) skew(-30deg); }
}
.root { .root {
position: relative; position: relative;
display: inline-block; display: inline-block;
@ -184,6 +196,7 @@ watch(() => props.user.avatarBlurhash, () => {
> .earLeft { > .earLeft {
transform: rotate(37.5deg) skew(30deg); transform: rotate(37.5deg) skew(30deg);
animation: eartightleft 6s infinite;
&, &::after { &, &::after {
border-radius: 0 75% 75%; border-radius: 0 75% 75%;
@ -205,6 +218,7 @@ watch(() => props.user.avatarBlurhash, () => {
> .earRight { > .earRight {
transform: rotate(-37.5deg) skew(-30deg); transform: rotate(-37.5deg) skew(-30deg);
animation: eartightright 6s infinite;
&, &::after { &, &::after {
border-radius: 75% 0 75% 75%; border-radius: 75% 0 75% 75%;