*{ 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
  • Icono social de YouTube
  • Facebook
  • TikTok
Tapete Sanitizante

Tapete Sanitizante

Tapete sanitizante. Elaborados con material 100% pvc flexible, eficaz para uso extremadamente rudo, son una vida util de hasta 10 años. Su perfecto tamaño ergonómico, lo hace quedar perfectamente bien en cualquier superficie.
Cantidad
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 }); })