diff options
| author | Acid Chicken (硫酸鶏) <root@acid-chicken.com> | 2023-03-26 09:36:46 +0000 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2023-03-26 09:36:46 +0000 |
| commit | 07cfab04890a46159e78ec0199634f98ff9f6ddd (patch) | |
| tree | 471c9f7a4b4b0e2f30e056ad5f0e0ae987b55294 /packages/frontend/src | |
| parent | fix: add workaround for cat ears on iOS Safari (diff) | |
| download | misskey-07cfab04890a46159e78ec0199634f98ff9f6ddd.tar.gz misskey-07cfab04890a46159e78ec0199634f98ff9f6ddd.tar.bz2 misskey-07cfab04890a46159e78ec0199634f98ff9f6ddd.zip | |
fix: add tight state to cat ears for workarounds
Diffstat (limited to 'packages/frontend/src')
| -rw-r--r-- | packages/frontend/src/components/global/MkAvatar.vue | 14 |
1 files changed, 14 insertions, 0 deletions
diff --git a/packages/frontend/src/components/global/MkAvatar.vue b/packages/frontend/src/components/global/MkAvatar.vue index 814ab53d27..ed104cb0fa 100644 --- a/packages/frontend/src/components/global/MkAvatar.vue +++ b/packages/frontend/src/components/global/MkAvatar.vue @@ -86,6 +86,18 @@ watch(() => props.user.avatarBlurhash, () => { 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 { position: relative; display: inline-block; @@ -184,6 +196,7 @@ watch(() => props.user.avatarBlurhash, () => { > .earLeft { transform: rotate(37.5deg) skew(30deg); + animation: eartightleft 6s infinite; &, &::after { border-radius: 0 75% 75%; @@ -205,6 +218,7 @@ watch(() => props.user.avatarBlurhash, () => { > .earRight { transform: rotate(-37.5deg) skew(-30deg); + animation: eartightright 6s infinite; &, &::after { border-radius: 75% 0 75% 75%; |