Mohammad Hariri
5070f591d3
Animations - added opacity animation for experience page - added stagger animation for navbar items on mobile - added animation for landing page for years and language indications Pages - About Page mockup Redesign - Navbar to include icons on desktop
17 lines
287 B
TypeScript
17 lines
287 B
TypeScript
const { animate, inView } = Motion;
|
|
|
|
inView(
|
|
"section div",
|
|
(element) => {
|
|
animate(
|
|
element,
|
|
{ opacity: 1 },
|
|
{
|
|
duration: 0.7,
|
|
},
|
|
);
|
|
return () => animate(element, { opacity: 0 }, { duration: 0.7 });
|
|
},
|
|
{ some: 0.7, initial: false },
|
|
);
|