diff --git a/src/Components/Experience/ExperienceTimeline.scss b/src/Components/Experience/ExperienceTimeline.scss index b249acd..5239117 100644 --- a/src/Components/Experience/ExperienceTimeline.scss +++ b/src/Components/Experience/ExperienceTimeline.scss @@ -80,7 +80,6 @@ $tools-item-tint: darken($list-item-color, 40%); background-size: 300% 300%; animation: gradientAnimation 4s ease-in-out infinite; - transform: scale(1.04); transition: transform 0.3s ease-in-out; } } diff --git a/src/Components/Projects/ProjectItem.tsx b/src/Components/Projects/ProjectItem.tsx index f42a0db..f131d37 100644 --- a/src/Components/Projects/ProjectItem.tsx +++ b/src/Components/Projects/ProjectItem.tsx @@ -12,26 +12,16 @@ const ProjectItem: React.FC = ({ project }) => { threshold: 0.1, }); - const props = useSpring({ - opacity: inView ? 1 : 0, - transform: inView ? 'translateY(0)' : 'translateY(20px)', - config: { tension: 200, friction: 20 }, - }); - return (

{project.title}

diff --git a/src/Components/Projects/Projects.scss b/src/Components/Projects/Projects.scss index f1c580f..38cc739 100644 --- a/src/Components/Projects/Projects.scss +++ b/src/Components/Projects/Projects.scss @@ -95,7 +95,6 @@ a { box-shadow 0.3s ease; &:hover { - transform: scale(1.05); box-shadow: 0 8px 16px rgba(0, 0, 0, 0.417); } @@ -188,6 +187,5 @@ a { &:hover { background-color: darken($secondary-color, 10%); - transform: scale(1.05); } }