*{ margin: 0; padding: 0; box-sizing: border-box; } body{ display: flex; justify-content: center; align-items: center; height: 100vh; width: 100%; background-color: rgb(8, 0, 35); } img{ width: 80%; } .menu-container{ position: relative; width: 480px; height: 480px; display: flex; justify-content: center; align-items: center; } .menu-toggle{ position: absolute; width:100px; height:100px; z-index: 1000; cursor: pointer; transition: 1.5s; border-radius: 50%; display: flex; justify-content: center; align-items: center; border: 2px solid #010718; box-shadow: 2px 2px 2px 2px rgb(0 0 0 /58%), -2px -2px 2px 1px rgb(108 108 108 /20%), inset 2px 2px 2px 2px rgb(0 0 0 /58%), inset -2px -2px 2px 1px rgb(108 108 108 /20%); background-color: rgb(8, 0, 35); } .menu-container li a{ width: 80px; height: 80px; border-radius: 50%; border: 2px solid #010718; display: flex; justify-content: center; align-items: center; transition: 0.8s; text-decoration: none !important; box-shadow: 1px 1px 2px 2px rgb(0 0 0 /58%), -2px -2px 2px 1px rgb(108 108 108 /20%), inset 1px 1px 2px 2px rgb(0 0 0 /58%), inset -2px -2px 2px 1px rgb(108 108 108 /20%); } .menu-container li{ list-style: none; position: absolute; transform-origin: 230px; transition: 0.8s; left: 0; transition-delay: calc(0.1s * var(--i)); transform: rotate(0deg) translateX(200px); } .menu-container.active .menu-toggle{ transform: rotate(360deg); } .menu-container.active li{ transform: rotate(calc(365deg/7 * var(--i))); }
top of page
Mail
Phone
Pastilla Wiese 70 gr.
Abrillantador de Muebles Aroma Naranja
Aromatizante en Gel 70 Gr.
Pastila Azul Wiese 48 gr.
Tapete Antisalpicaduras para Mingitorio Wiese
Aromatizante Wiese de 400 ml.
Pastilla Wiese 70 gr. con alambre
Tapete Antisalpicaduras para Mingitorio Wiese
Inicio
Catálogo
Productos
Papeles y Servillrtas
QuÃmicos
Fibras
Aromatización
Despachadores
JarcierÃa
Plásticos
Sobre nosotros
Contáctanos
bottom of page
$(document).ready(function(){ let isExpanded = false; $(".menu-toggle").click(function(){ isExpanded ? $(".menu-container").removeClass("active") : $(".menu-container").addClass("active"); isExpanded = !isExpanded; return }); })