diff --git a/contributor/contributor.css b/contributor/contributor.css index c1a98fa..456fb7e 100644 --- a/contributor/contributor.css +++ b/contributor/contributor.css @@ -160,11 +160,15 @@ body { border-radius: 10px; overflow: hidden; transition: transform 0.3s ease, box-shadow 0.3s ease; + box-shadow: 2px 2px 10px rgb(172, 140, 140); } .contributor-contributor-card:hover { transform: translateY(-5px); - box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); + + background-color: aqua; + box-shadow: 1px 1px 12px 4px blue; + border-radius: 10px ; } .contributor-contributor-card img { @@ -270,6 +274,14 @@ body { width: 300px; } +.contributor-contributor-card:hover { + transform: translateY(-5px); + + background-color: aqua; + box-shadow: 1px 1px 12px 4px blue; + border-radius: 10px ; +} + .contributor-notification { background-color: #4CAF50; color: white; diff --git a/contributor/contributor.html b/contributor/contributor.html index 9406f0a..13f495d 100644 --- a/contributor/contributor.html +++ b/contributor/contributor.html @@ -23,6 +23,13 @@ text-decoration: none; border-radius: 5px; } + .contributor-contributor-card:hover { + transform: translateY(-5px); + + background-color: aqua; + box-shadow: 1px 1px 12px 4px blue; + border-radius: 10px ; +}