Más acciones
Página creada con «* { box-sizing: border-box; } .navbar { background: linear-gradient( 90deg, rgba(131, 58, 180, 1) 0%, rgba(253, 29, 29, 1) 50%, rgba(252, 176, 69, 1) 100% ); padding: 15px 0; border-radius: 5px; } .navbar ul { display: flex; justify-content: flex-end; align-items: center; gap: 15px; } .navbar li { list-style: none; } .navbar li { background: rgba(255, 255, 255, 0.2); box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); border-radius: 5px; padding: 10p…» |
(Sin diferencias)
|
Revisión del 22:29 17 oct 2024
* {
box-sizing: border-box;
}
.navbar {
background: linear-gradient(
90deg,
rgba(131, 58, 180, 1) 0%,
rgba(253, 29, 29, 1) 50%,
rgba(252, 176, 69, 1) 100%
);
padding: 15px 0;
border-radius: 5px;
}
.navbar ul {
display: flex;
justify-content: flex-end;
align-items: center;
gap: 15px;
}
.navbar li {
list-style: none;
}
.navbar li {
background: rgba(255, 255, 255, 0.2);
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
border-radius: 5px;
padding: 10px;
}
.navbar a {
color: white;
font-weight: bold;
}
.navbar li:hover {
opacity: 0.9;
transition: 0.5s;
background: none;
}
.navbar li:hover {
opacity: 0.9;
transition: 0.5s;
}
.navbar li:active a {
color: white;
}
.navbar li:first-child {
border-bottom-left-radius: 15px;
}
.navbar li:nth-last-child(2) {
border-bottom-right-radius: 15px;
}
.navbar-logo {
background: none !important;
box-shadow: none !important;
margin-left: auto;
}