Breaking News: Grepper is joining You.com. Read the official announcement!

framer motion styled components

S3NS4 answered on April 28, 2022 Popularity 9/10 Helpfulness 6/10

answer framer motion styled components

framer motion styled components

Comment

import styled from "styled-components";
import { motion } from "framer-motion";

const AnimatedDiv = styled(motion.div)`
  background-color: rebeccapurple;
  width: 200px;
  height: 200px;
`;

//Use in component like:
<AnimatedDiv animate={{ scale: 3 }} />

Popularity 9/10 Helpfulness 6/10 Language javascript

Source: stackoverflow.com

Tags: framer-motion javascript styled-components

Link to this answer
Share Copy Link