From c88a6dd5becb09c4c397acaf989c6663a11e7d5e Mon Sep 17 00:00:00 2001 From: Himanshu-kumar025 Date: Tue, 22 Oct 2024 17:27:43 +0530 Subject: [PATCH] Add hover effect in top deals cards --- topdeals/topdeals.html | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) diff --git a/topdeals/topdeals.html b/topdeals/topdeals.html index 2d415bdd..dcc19e72 100644 --- a/topdeals/topdeals.html +++ b/topdeals/topdeals.html @@ -48,7 +48,8 @@ } .card { background-color: rgba(255, 255, 255, 0.8); - border-radius: 5px; + + border-radius: 15px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); overflow: hidden; width: 32%; @@ -57,6 +58,11 @@ } + + .card:hover{ + transform: scale(1.035); + } + .card img { width: 100%; height: auto;