Gestures
An example of using gestures to animate an element using Motion for Vue's simple press and hover props.
Source code
<script setup>
import { motion } from "motion-v"
</script>
<template>
<motion.div
:whileHover="{ scale: 1.2 }"
:whilePress="{ scale: 0.8 }"
class="box"
/>
</template>
<style>
.box {
width: 100px;
height: 100px;
background-color: var(--hue-4);
border-radius: 10px;
}
</style>
