*{ 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 }); })