por curiosidad estaba probando una opción de menú desplegable de manera lateral de un video, lo que me dio curiosidad es que en el mismo no se puede ocultar el menu con dar un clic por fuera, por lo cual, debe poder hacerse con una propiedad o algo, me gustaria saber cual es y como se compone sus elementos.
Este es el código que uso. Html:
</head>
<body>
<header class="header">
<div class="container">
<div class="btn-menu">
<label for="btn-menu">☰</label>
</div>
<div class="logo">
<h1>Menu</h1>
</div>
<nav class="menu">
<a href="#">Inicio</a>
<a href="#">Nosotros</a>
<a href="#">Blog</a>
<a href="#">Contacto</a>
</nav>
</div>
</header>
<div class="capa"></div>
<!-- --------------->
<input type="checkbox" id="btn-menu">
<div class="container-menu">
<div class="cont-menu">
<nav>
<a href="#">Portafolio</a>
<a href="#">Servicios</a>
<a href="#">Suscribirse</a>
<a href="#">Facebook</a>
<a href="#">Youtube</a>
<a href="#">Instagram</a>
</nav>
<label for="btn-menu">❌</label>
</div>
</div>
</body>