{"id":20,"date":"2024-02-10T14:47:20","date_gmt":"2024-02-10T19:47:20","guid":{"rendered":"https:\/\/encantoappetizers.com\/?page_id=20"},"modified":"2024-03-26T13:51:33","modified_gmt":"2024-03-26T20:51:33","slug":"home","status":"publish","type":"page","link":"https:\/\/encantoappetizers.com\/en\/","title":{"rendered":"home"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n\n\n\n\nSimulaci\u00f3n de Lluvia<\/title>\n<style>\n body {\n margin: 0;\n padding: 0;\n background-color: #000;\n overflow: hidden;\n }\n\n .lluvia {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n z-index: 1;\n }\n\n .gota {\n position: absolute;\n background-size: contain;\n width: 25px; \/* Ancho de la gota *\/\n height: 25px; \/* Alto de la gota *\/\n animation: caer 1s linear infinite;\n opacity: 0; \/* Inicialmente invisible *\/\n }\n\n @keyframes caer {\n to {\n transform: translateY(100vh);\n opacity: 1;\n }\n }\n<\/style>\n<\/head>\n<body>\n<div class=\"lluvia\">\n<!-- Agrega las gotas aqu\u00ed -->\n<\/div>\n\n<script>\n \/\/ Funci\u00f3n para crear gotas de lluvia de manera aleatoria\n function crearGotas() {\n const numGotas = 100; \/\/ N\u00famero de gotas\n const contenedor = document.querySelector('.lluvia');\n const imagenes = ['http:\/\/encantoappetizers.com\/wp-content\/uploads\/2024\/02\/empanada_de_carne-removebg-preview.png', ' ', ' ', ' '];\n\n for (let i = 0; i < numGotas; i++) {\n const gota = document.createElement('div');\n gota.classList.add('gota');\n gota.style.backgroundImage = `url(${imagenes[Math.floor(Math.random() * imagenes.length)]})`; \/\/ Selecciona una imagen aleatoria\n gota.style.left = `${Math.random() * 100}%`; \/\/ Posici\u00f3n horizontal aleatoria\n gota.style.animationDuration = `${Math.random() * 3 + 2}s`; \/\/ Duraci\u00f3n de la animaci\u00f3n aleatoria\n const tamano = Math.random() * 1 + 0.5; \/\/ Escala aleatoria entre 0.5 y 1\n gota.style.transform = `scale(${tamano})`; \/\/ Aplicar escala aleatoria\n contenedor.appendChild(gota);\n }\n }\n\n crearGotas();\n<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Simulaci\u00f3n de Lluvia<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"jetpack_post_was_ever_published":false,"footnotes":""},"aioseo_notices":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/encantoappetizers.com\/en\/wp-json\/wp\/v2\/pages\/20"}],"collection":[{"href":"https:\/\/encantoappetizers.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/encantoappetizers.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/encantoappetizers.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/encantoappetizers.com\/en\/wp-json\/wp\/v2\/comments?post=20"}],"version-history":[{"count":11,"href":"https:\/\/encantoappetizers.com\/en\/wp-json\/wp\/v2\/pages\/20\/revisions"}],"predecessor-version":[{"id":60,"href":"https:\/\/encantoappetizers.com\/en\/wp-json\/wp\/v2\/pages\/20\/revisions\/60"}],"wp:attachment":[{"href":"https:\/\/encantoappetizers.com\/en\/wp-json\/wp\/v2\/media?parent=20"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}