framer motion examples

Shirshak Kandel answered on October 3, 2022 Popularity 10/10 Helpfulness 4/10

answer framer motion examples

framer motion examples

Comment

import React from 'react';
import { motion } from 'framer-motion';

const Box1 = () => {
  return (
    <div className="container">
      <motion.div
        initial={{ opacity: 0.5 }}
        animate={{
          x: 600, //translateX
          opacity: 1,
          rotate: 360,
        }}
        transition={{ duration: 2, type: 'spring', stiffness: 60 }}
        className="w-32 h-32 bg-red-500 box "
      ></motion.div>
    </div>
  );
};

export default Box1;

Popularity 10/10 Helpfulness 4/10 Language typescript

Source: Grepper

Tags: framer-motion transition typescript

Link to this answer
Share Copy Link

Contributed on Oct 03 2022

Shirshak Kandel

0 Answers Avg Quality 2/10

framer motion examples

Contents

More Related Answers

framer motion examples

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.