From 92700b92bbc975ef5e442afa128f39901f97b4ba Mon Sep 17 00:00:00 2001 From: Swayam Vasavada Date: Tue, 27 Feb 2024 18:37:56 +0530 Subject: [PATCH] Enhancing hover effect-#4489 --- stylesheets/stylesheet.css | 22 ++++++++++++++-------- 1 file changed, 14 insertions(+), 8 deletions(-) diff --git a/stylesheets/stylesheet.css b/stylesheets/stylesheet.css index 9c37e10faf3..6934603cd80 100644 --- a/stylesheets/stylesheet.css +++ b/stylesheets/stylesheet.css @@ -785,6 +785,12 @@ form { display: flex; flex-direction: column; justify-content: space-between; + transition: transform ease 0.2s; +} + +.data-box:hover { + transform: scale(1.1); + box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.7); } .projects, @@ -1001,20 +1007,20 @@ ul.popular-tags li { } .projects .stats { - display: flex; - flex-direction: row; - justify-content: space-between; + display: flex; + flex-direction: row; + justify-content: space-between; } .fork-count { - display: flex; - margin-top: 10px; - height: max-content; + display: flex; + margin-top: 10px; + height: max-content; } .fork-count-svg { - align-self: center; - fill: var(--fork-svg-fill); + align-self: center; + fill: var(--fork-svg-fill); } @media screen and (max-width : 670px) {