Skip to content

Commit

Permalink
Merge pull request #1214 from neeru24/patch-1
Browse files Browse the repository at this point in the history
 Add Hover Effects and Glow to Heading and Image
  • Loading branch information
SurajPratap10 authored Oct 12, 2024
2 parents 1bde9de + 93736f6 commit 6ffb588
Showing 1 changed file with 11 additions and 0 deletions.
11 changes: 11 additions & 0 deletions public/css/style.css
Original file line number Diff line number Diff line change
Expand Up @@ -361,6 +361,12 @@ a{
color: white;
font-weight: 700;
text-transform: uppercase;
transition: text-shadow 0.3s ease-in-out, transform 0.3s ease-in-out; /* Smooth transition */
}

.about h1:hover {
text-shadow: 0 0 10px white, 0 0 20px white;
transform: scale(1.05);
}

/* --------------- Dashboard CSS --------------- */
Expand Down Expand Up @@ -1725,8 +1731,13 @@ form {

.about .about-us-logo {
width: 400px;
transition: transform 0.3s ease-in-out;
}

.about-image:hover .about-us-logo {
transform: scale(1.1); /* Increase size to 110% */
}

.about-content .about-image {
overflow: visible;
width: 600px;
Expand Down

0 comments on commit 6ffb588

Please sign in to comment.