From 31810b207459e342e778dcc7a0fea56b66c4c4f5 Mon Sep 17 00:00:00 2001 From: Nathan Abela Date: Mon, 18 Mar 2024 20:32:01 +0100 Subject: [PATCH] feat(portfolio): add hover effect to card --- src/components/atoms/PortfolioCard/styles.ts | 10 +++++++++- 1 file changed, 9 insertions(+), 1 deletion(-) diff --git a/src/components/atoms/PortfolioCard/styles.ts b/src/components/atoms/PortfolioCard/styles.ts index 5bad1ad..632a572 100644 --- a/src/components/atoms/PortfolioCard/styles.ts +++ b/src/components/atoms/PortfolioCard/styles.ts @@ -9,10 +9,18 @@ const StyledPortfolioCard = styled.article` text-decoration: none; } - img { + span { border-radius: 4px; } + img { + transition: transform 0.3s ease; + } + + img:hover { + transform: scale(1.04); + } + h1 { margin: 0; }