diff --git a/style.css b/style.css index a7b41e62..17f082ee 100644 --- a/style.css +++ b/style.css @@ -2,8 +2,8 @@ #menu-container { position: absolute; bottom: 2%; - left: 2; -clip-path: polygon(0% 0%, 100% 0%, 85% 100%, 0% 100%); + left: 2%; /* Corrige la propiedad left */ + clip-path: polygon(0% 0%, 100% 0%, 85% 100%, 0% 100%); background: rgba(0, 0, 0, 0.8); padding: 10px; border-radius: 8px; @@ -20,7 +20,7 @@ clip-path: polygon(0% 0%, 100% 0%, 85% 100%, 0% 100%); justify-content: flex-start; padding: 10px; color: white; - transform: rotate(-12deg) + transform: rotate(-12deg); /* Falta punto y coma */ font-size: 18px; cursor: pointer; border: 1px solid rgba(255, 255, 255, 0.3); @@ -32,12 +32,16 @@ clip-path: polygon(0% 0%, 100% 0%, 85% 100%, 0% 100%); .menu-item span { margin-right: 10px; font-size: 20px; - transform: rotate(-10deg) + transform: rotate(-10deg); /* Falta punto y coma */ } /* Efecto hover */ .menu-item:hover { background: rgba(255, 255, 255, 0.2); - transform: translateX(10px); - transform: rotate(-10deg) + transform: translateX(10px) rotate(-10deg); /* Se combina en una declaraciĆ³n */ +} + +/* Contenido desplegable */ +.hidden-input:checked + .menu-content { + display: block; }