Fix card animation

This commit is contained in:
2024-05-03 00:52:01 +02:00
parent 4485b6b810
commit cfe7750abe
+2 -4
View File
@@ -39,7 +39,7 @@ const rotation = ref(0)
watch(
() => props.data,
() => {
rotation.value = Math.random() > .5 ? 2 : -2
rotation.value = Math.random() > .5 ? 2 : -2
},
{ immediate: true })
</script>
@@ -76,9 +76,7 @@ watch(
.card_image {
max-height: 250px;
transition: filter .125s cubic-bezier(0.075, 0.82, 0.165, 1);
transition: margin .125s cubic-bezier(0.075, 0.82, 0.165, 1);
transition: transform .125s cubic-bezier(0.075, 0.82, 0.165, 1);
transition: all .125s cubic-bezier(0.075, 0.82, 0.165, 1);
margin-top: 15px;
margin-bottom: 0px
}