v.korobtsev/vkorobtsev-nextJs
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

[feat] animate about

Browse source
This commit is contained in:
Alvalen 2023-09-02 21:23:37 +07:00
parent f4cda2fe5d
commit 6d73cc52d5
8 changed files with 248 additions and 57 deletions
Download patch file Download diff file Expand all files Collapse all files

8
components/Navbar.js
View file

@ -6,11 +6,11 @@ const NavItems = ({ isNavOpen }) => {
const [isMobile, setIsMobile] = useState(false);
const navVariant = {
open: (height = 1000) => ({
clipPath: `circle(${height * 2 + 200}px at calc(100% - 40px) 40px)`,
clipPath: `circle(${height + 400}px at calc(100% - 40px) 40px)`,
transition: {
type: "spring",
stiffness: 20,
restDelta: 2,
stiffness: 400,
damping: 30,
},
}),
closed: {
@ -19,7 +19,7 @@ const [isMobile, setIsMobile] = useState(false);
delay: 0.5,
type: "spring",
stiffness: 400,
damping: 40,
damping: 30,
},
},
};