odin-css-exercises/animation/02-drop-down/style.css

38 lines
516 B
CSS
Raw Normal View History

2021-10-17 14:56:50 -07:00
* {
padding: 0;
2021-10-17 14:43:06 -07:00
margin: 0;
2021-10-17 14:56:50 -07:00
font-family: Arial, Helvetica, sans-serif;
2021-10-17 14:43:06 -07:00
}
.dropdown-container {
width: 100vw;
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
}
.dropdown-menu {
position: relative;
}
2021-10-17 15:17:42 -07:00
button {
2021-10-17 14:43:06 -07:00
background-color: rgb(108, 238, 255);
padding: 16px;
font-size: 16px;
border: none;
}
2021-10-17 14:56:50 -07:00
ul {
2021-10-17 14:43:06 -07:00
position: absolute;
left: -25%;
background-color: rgb(189, 188, 188);
width: 160px;
2021-10-17 14:56:50 -07:00
list-style: none;
text-align: center;
2021-10-17 14:43:06 -07:00
}
2021-10-17 14:56:50 -07:00
li {
padding: 16px;
2021-10-17 14:43:06 -07:00
}