feat: seta down do dropdown girar no hover

This commit is contained in:
2025-01-14 21:34:08 -03:00
parent 14d04eb280
commit a2fd5d12e3
3 changed files with 25 additions and 4 deletions

View File

@@ -88,6 +88,7 @@ text-align: center;
position: relative;
display: inline-block;
color: #fff;
cursor: pointer;
}
.dropdown-content {
@@ -97,6 +98,7 @@ text-align: center;
background-color: #313238;
min-width: 160px;
box-shadow: 0px 3px 10px #464646;
transition: display 0.9s ease-in-out
}
.dropdown-content a {
@@ -109,9 +111,21 @@ text-align: center;
.dropdown-content a:hover {
background-color: #7a7a7a;
border-radius: 5px;
}
}
.img-drop {
width: 35px;
transition: transform 0.3s ease-in-out;
}
.dropdown:hover .img-drop {
transform: rotate(180deg);
}
.dropdown:hover .dropdown-content {display: block;}
.dropdown:hover .dropdown-content {
display: block;
}
/* .dropdown:hover .dropbtn {background-color: #3e8e41;} */