feat: animations, responsive design
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
This commit is contained in:
16
ts/src/experiences.ts
Normal file
16
ts/src/experiences.ts
Normal file
@@ -0,0 +1,16 @@
|
||||
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 },
|
||||
);
|
||||
Reference in New Issue
Block a user