diff options
| author | syuilo <Syuilotan@yahoo.co.jp> | 2021-04-24 18:38:38 +0900 |
|---|---|---|
| committer | syuilo <Syuilotan@yahoo.co.jp> | 2021-04-24 18:38:38 +0900 |
| commit | 9cab2cd9401a3a265a0fdf5513db73e5f3d85cec (patch) | |
| tree | 643d432d45eb2ffc520fdc179993c0ec3625c8bb /src/client/directives | |
| parent | Update package.json (diff) | |
| download | misskey-9cab2cd9401a3a265a0fdf5513db73e5f3d85cec.tar.gz misskey-9cab2cd9401a3a265a0fdf5513db73e5f3d85cec.tar.bz2 misskey-9cab2cd9401a3a265a0fdf5513db73e5f3d85cec.zip | |
Tweak animation
Diffstat (limited to 'src/client/directives')
| -rw-r--r-- | src/client/directives/click-anime.ts | 4 |
1 files changed, 4 insertions, 0 deletions
diff --git a/src/client/directives/click-anime.ts b/src/client/directives/click-anime.ts index 864155f076..9fd583d6dd 100644 --- a/src/client/directives/click-anime.ts +++ b/src/client/directives/click-anime.ts @@ -2,7 +2,10 @@ import { Directive } from 'vue'; export default { mounted(el, binding, vn) { + el.classList.add('_anime_bounce_standBy'); + el.addEventListener('mousedown', () => { + el.classList.add('_anime_bounce_standBy'); el.classList.add('_anime_bounce_ready'); el.addEventListener('mouseleave', () => { @@ -17,6 +20,7 @@ export default { el.addEventListener('animationend', () => { el.classList.remove('_anime_bounce_ready'); el.classList.remove('_anime_bounce'); + el.classList.add('_anime_bounce_standBy'); }); } } as Directive; |