xxxxxxxxxx
import React from "react";
import { motion } from "framer-motion";
import "./styles.css";
export default function App() {
return (
<div className="my-container">
<motion.div whileHover={{ scale: 1.2 }} whileTap={{ scale: 0.8 }} />
</div>
);
}
xxxxxxxxxx
// INSTALL:
npm install framer-motion
// IMPORT: in your APP.js or any component file
import {motion} from framer-motion
// USE: motion gives different props like animate, initial, transition, etc..
<motion.div animate={{y:250,transition:{duration:2,delay:1} }}
initial={{x:100}}> Quantity</motion.div>