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

animations in next js

Add Answer

Spandita Dwivedi answered on February 13, 2023 Popularity 9/10 Helpfulness 1/10

answer animations in next js

related next js animation

animations in next js

Comment

-1

<motion.div initial="hidden" animate="visible" variants={{
  hidden: {
    scale: .8,
    opacity: 0
  },
  visible: {
    scale: 1,
    opacity: 1,
    transition: {
      delay: 3
    }
  },
}}>
  <h1 className="title">
    Wubba Lubba Dub Dub!
  </h1>
</motion.div>

Popularity 9/10 Helpfulness 1/10 Language javascript

Source: www.freecodecamp.org

Tags: javascript next

Link to this answer
Share Copy Link

Contributed on Feb 13 2023

Spandita Dwivedi

0 Answers Avg Quality 2/10

Closely Related Answers

next js animation

Comment

Animations in NextJS

Step 1:
Install the package named "Framer Motion" as follows:
-- npm i framer-motion
-- yarn add framer-motion
☝ Use one of the above (both would work though)

✨ docs: 'https://www.npmjs.com/package/framer-motion' AND 'https://www.framer.com/motion/'

Step 2:
just read the documentation and make something you want!

Popularity 9/10 Helpfulness 4/10 Language javascript

Source: Grepper

Tags: animation anim

Link to this answer
Share Copy Link

Contributed on Mar 21 2023

Tan_Xin

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

animations in next js

Contents

More Related Answers

animations in next js

Closely Related Answers

next js animation

Grepper

Documentation

Social

Legal

Contact

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