Adding glow & hover effect to the clickable cards Signed-off-by: Trin…

…ayReddy Malireddy <[email protected] layer5io#5044 Signed-off-by: Trinay Reddy <[email protected]>
trinayreddy4 · Nov 11, 2023 · 8a4bea9 · 8a4bea9
1 parent 2864f75
commit 8a4bea9
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/src/components/Learn-Components/Setup-Pre-Requisites/setup-pre-req.style.js b/src/components/Learn-Components/Setup-Pre-Requisites/setup-pre-req.style.js
@@ -16,10 +16,14 @@ const SetupPreReqWrapper = styled.div`
         }
         .card {
             padding: 2rem;
+            box-shadow: rgb();
             background: ${props => props.theme.grey212121ToGreyEEEEEE};
             max-width: 20rem;
             min-height: 21.5rem;
             transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
+            :hover{
+                box-shadow: rgb(0,211,169) 0px 0px 5px;
+            }
             .card-header {
                 display: flex;
                 flex: auto;