From 9cab2cd9401a3a265a0fdf5513db73e5f3d85cec Mon Sep 17 00:00:00 2001 From: syuilo Date: Sat, 24 Apr 2021 18:38:38 +0900 Subject: Tweak animation --- src/client/directives/click-anime.ts | 4 ++++ 1 file changed, 4 insertions(+) (limited to 'src/client/directives') 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; -- cgit v1.2.3-freya