diff options
| author | syuilo <Syuilotan@yahoo.co.jp> | 2021-09-17 22:39:15 +0900 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2021-09-17 22:39:15 +0900 |
| commit | 361069314ffaa61a81b2189c2eec000a3d1d9c35 (patch) | |
| tree | 195271c503ef67b245503ca6fe945bd97a8ea83b /src/client/components/global | |
| parent | popupで設定ページを表示すると、アカウントの削除ページ... (diff) | |
| download | sharkey-361069314ffaa61a81b2189c2eec000a3d1d9c35.tar.gz sharkey-361069314ffaa61a81b2189c2eec000a3d1d9c35.tar.bz2 sharkey-361069314ffaa61a81b2189c2eec000a3d1d9c35.zip | |
Refine UI (#7806)
* wip
* wip
* wip
* wip
* wip
* wip
* wip
* wip
* Update default.vue
* wip
Diffstat (limited to 'src/client/components/global')
| -rw-r--r-- | src/client/components/global/avatar.vue | 26 |
1 files changed, 26 insertions, 0 deletions
diff --git a/src/client/components/global/avatar.vue b/src/client/components/global/avatar.vue index eea970ec9a..395ed5d8ce 100644 --- a/src/client/components/global/avatar.vue +++ b/src/client/components/global/avatar.vue @@ -73,6 +73,22 @@ export default defineComponent({ </script> <style lang="scss" scoped> +@keyframes earwiggleleft { + from { transform: rotate(37.6deg) skew(30deg); } + 25% { transform: rotate(10deg) skew(30deg); } + 50% { transform: rotate(20deg) skew(30deg); } + 75% { transform: rotate(0deg) skew(30deg); } + to { transform: rotate(37.6deg) skew(30deg); } +} + +@keyframes earwiggleright { + from { transform: rotate(-37.6deg) skew(-30deg); } + 30% { transform: rotate(-10deg) skew(-30deg); } + 55% { transform: rotate(-20deg) skew(-30deg); } + 75% { transform: rotate(0deg) skew(-30deg); } + to { transform: rotate(-37.6deg) skew(-30deg); } +} + .eiwwqkts { position: relative; display: inline-block; @@ -132,6 +148,16 @@ export default defineComponent({ border-radius: 75% 0 75% 75%; transform: rotate(-37.5deg) skew(-30deg); } + + &:hover { + &:before { + animation: earwiggleleft 1s infinite; + } + + &:after { + animation: earwiggleright 1s infinite; + } + } } } </style> |