From f5ed3c1e3275f84cc75d965f1800181d9331b675 Mon Sep 17 00:00:00 2001 From: SuhainaFathimaM Date: Thu, 6 Jun 2024 21:10:34 +0530 Subject: [PATCH 1/2] 1. The navbar-brand img is targeted to apply a scale transformation on hover. 2. The input within the searchbar is targeted to change the border-color on focus. 3. The nav-link img is targeted for a scale transformation on hover. 4. The cartLogoandname img is targeted for a scale transformation on hover. 5. The navItem4 img is targeted for a scale transformation on hover. 6. The moreLinksDropdow .nav-link img is targeted for a scale transformation on hover. --- css/index.css | 54 +++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 54 insertions(+) diff --git a/css/index.css b/css/index.css index 2a8abaa3..51f49b0c 100644 --- a/css/index.css +++ b/css/index.css @@ -140,6 +140,60 @@ body { } +#homeHeader .navbar-brand img { + transition: transform 0.3s ease-in-out; +} + +#homeHeader .navbar-brand img:hover { + transform: scale(1.1); +} + +/* Search Bar */ +#searchbar input { + transition: border-color 0.3s ease-in-out; +} + +#searchbar input:focus { + border-color: #2874F0; /* Change the border color on focus */ +} + +/* Account Dropdown */ +#navbarDropdow .nav-link img { + transition: transform 0.3s ease-in-out; +} + +#navbarDropdow .nav-link img:hover { + transform: scale(1.1); +} + +/* Cart Icon */ +.cartLogoandname img { + transition: transform 0.3s ease-in-out; +} + +.cartLogoandname img:hover { + transform: scale(1.1); +} + +/* Become a Seller Icon */ +.navItem4 img { + transition: transform 0.3s ease-in-out; +} + +.navItem4 img:hover { + transform: scale(1.1); +} + +/* More Links Dropdown */ +#moreLinksDropdow .nav-link img { + transition: transform 0.3s ease-in-out; +} + +#moreLinksDropdow .nav-link img:hover { + transform: scale(1.1); +} + + .category:hover { transform: scale(1.1025); } From 40cb5b138bd86f2819493782b2e939790ec654bf Mon Sep 17 00:00:00 2001 From: SuhainaFathimaM Date: Thu, 6 Jun 2024 21:19:11 +0530 Subject: [PATCH 2/2] Revert "1. The navbar-brand img is targeted to apply a scale transformation on hover." This reverts commit f5ed3c1e3275f84cc75d965f1800181d9331b675. --- css/index.css | 54 --------------------------------------------------- 1 file changed, 54 deletions(-) diff --git a/css/index.css b/css/index.css index 51f49b0c..2a8abaa3 100644 --- a/css/index.css +++ b/css/index.css @@ -140,60 +140,6 @@ body { } -#homeHeader .navbar-brand img { - transition: transform 0.3s ease-in-out; -} - -#homeHeader .navbar-brand img:hover { - transform: scale(1.1); -} - -/* Search Bar */ -#searchbar input { - transition: border-color 0.3s ease-in-out; -} - -#searchbar input:focus { - border-color: #2874F0; /* Change the border color on focus */ -} - -/* Account Dropdown */ -#navbarDropdow .nav-link img { - transition: transform 0.3s ease-in-out; -} - -#navbarDropdow .nav-link img:hover { - transform: scale(1.1); -} - -/* Cart Icon */ -.cartLogoandname img { - transition: transform 0.3s ease-in-out; -} - -.cartLogoandname img:hover { - transform: scale(1.1); -} - -/* Become a Seller Icon */ -.navItem4 img { - transition: transform 0.3s ease-in-out; -} - -.navItem4 img:hover { - transform: scale(1.1); -} - -/* More Links Dropdown */ -#moreLinksDropdow .nav-link img { - transition: transform 0.3s ease-in-out; -} - -#moreLinksDropdow .nav-link img:hover { - transform: scale(1.1); -} - - .category:hover { transform: scale(1.1025); }