diff --git a/frontend/src/components/Deck.vue b/frontend/src/components/Deck.vue index 418e380..67857ce 100644 --- a/frontend/src/components/Deck.vue +++ b/frontend/src/components/Deck.vue @@ -149,6 +149,44 @@ export default { transform: translate(0, 0) scale(1); } } +@keyframes pick { + 0% { + transform: translate(0,0); + z-index: 1; + } + 50% { + transform: translate(-10px,0); + z-index: 1; + } + 100% { + transform: translate(0,0); + z-index: 1; + } +} +@keyframes draw { + 0% { + transform: translate(0,0); + z-index: 1; + } + 50% { + transform: translate(0,10px); + z-index: 1; + } + 100% { + transform: translate(0,0); + z-index: 1; + } +} +.pick { + animation-duration: 2s; + animation-name: pick; + animation-iteration-count: infinite; +} +.draw { + animation-duration: 2s; + animation-name: draw; + animation-iteration-count: infinite; +} .pick:hover { transform: translate(-10px,0); z-index: 1; diff --git a/frontend/src/components/Player.vue b/frontend/src/components/Player.vue index a2adbcf..dbf389b 100644 --- a/frontend/src/components/Player.vue +++ b/frontend/src/components/Player.vue @@ -26,7 +26,7 @@
{{$t('hand')}} - + \ No newline at end of file