Skip to content

Add Effect Navbar Starting Animation #25

@tymnec

Description

@tymnec

Using Framer Motion add smooth spring effect in navbar:

Steps to complete this task:

  1. In App.tsx file put <NavbarComponent /> in a motion.div
  2. import {motion} from "framer-motion"
  3. Add props in motion.div tag:
  4. initial={{ opacity:0, y:100 }} animate={{ opacity:1, y:0 }} transition={{ duration: 0.5, delay: 0.1, type: "spring" }}
  • Format the App.tsx

Metadata

Metadata

Assignees

Labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions