{"id":255633,"date":"2024-12-11T01:24:25","date_gmt":"2024-12-11T06:24:25","guid":{"rendered":"https:\/\/www.alartranslations.com\/?page_id=255633"},"modified":"2024-12-11T04:44:35","modified_gmt":"2024-12-11T09:44:35","slug":"pruebas","status":"publish","type":"page","link":"https:\/\/www.alartranslations.com\/es\/pruebas\/","title":{"rendered":"Pruebas"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; theme_builder_area=&#8221;post_content&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221;][et_pb_row _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_column _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; type=&#8221;4_4&#8243; theme_builder_area=&#8221;post_content&#8221;][et_pb_text _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; theme_builder_area=&#8221;post_content&#8221; module_class=&#8221;roller-text&#8221; hover_enabled=&#8221;0&#8243; sticky_enabled=&#8221;0&#8243; text_text_color=&#8221;#7A14B4&#8243; text_font_size=&#8221;44px&#8221; text_font=&#8221;|700|||||||&#8221; text_line_height=&#8221;1.2em&#8221; background_color=&#8221;#2EC4B6&#8243; text_font_size_last_edited=&#8221;on|phone&#8221; text_font_size_phone=&#8221;25px&#8221; text_font_size_tablet=&#8221;44px&#8221;]<\/p>\n<p>dsadsadsa<\/p>\n<p>[\/et_pb_text][et_pb_code _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; theme_builder_area=&#8221;post_content&#8221; hover_enabled=&#8221;0&#8243; sticky_enabled=&#8221;0&#8243;]<script type=\"text\/javascript\"><!-- [et_pb_line_break_holder] -->document.addEventListener(\"DOMContentLoaded\", function() {<!-- [et_pb_line_break_holder] -->    const rollerText = document.querySelector('.roller-text');<!-- [et_pb_line_break_holder] -->    const text = rollerText.querySelector('p');<!-- [et_pb_line_break_holder] -->    <!-- [et_pb_line_break_holder] -->    \/\/ Puedes modificar este valor para hacer la animaci\u00f3n m\u00e1s lenta o m\u00e1s r\u00e1pida<!-- [et_pb_line_break_holder] -->    const animSpeed = 0.5; \/\/ Tiempo en segundos para la animaci\u00f3n (m\u00e1s bajo = m\u00e1s r\u00e1pido)<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    rollerText.addEventListener('mouseenter', function() {<!-- [et_pb_line_break_holder] -->        \/\/ Animaci\u00f3n del texto original al pasar el mouse<!-- [et_pb_line_break_holder] -->        gsap.to(text, {<!-- [et_pb_line_break_holder] -->            y: \"-100%\", \/\/ Mueve el texto hacia arriba<!-- [et_pb_line_break_holder] -->            duration: animSpeed, \/\/ Duraci\u00f3n de la animaci\u00f3n<!-- [et_pb_line_break_holder] -->            ease: \"power2.inOut\" \/\/ Efecto de transici\u00f3n suave<!-- [et_pb_line_break_holder] -->        });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/\/ Crear el texto duplicado<!-- [et_pb_line_break_holder] -->        const copy = text.cloneNode(true);<!-- [et_pb_line_break_holder] -->        copy.classList.add('copy');<!-- [et_pb_line_break_holder] -->        rollerText.appendChild(copy);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/\/ Animaci\u00f3n del texto duplicado al aparecer desde abajo<!-- [et_pb_line_break_holder] -->        gsap.from(copy, {<!-- [et_pb_line_break_holder] -->            y: \"100%\", \/\/ El texto duplicado aparece desde abajo<!-- [et_pb_line_break_holder] -->            duration: animSpeed, \/\/ Duraci\u00f3n de la animaci\u00f3n<!-- [et_pb_line_break_holder] -->            ease: \"power2.inOut\"<!-- [et_pb_line_break_holder] -->        });<!-- [et_pb_line_break_holder] -->    });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    rollerText.addEventListener('mouseleave', function() {<!-- [et_pb_line_break_holder] -->        \/\/ Regresar el texto original a su posici\u00f3n al salir el mouse<!-- [et_pb_line_break_holder] -->        gsap.to(text, {<!-- [et_pb_line_break_holder] -->            y: \"0\", \/\/ Regresa el texto original a su lugar<!-- [et_pb_line_break_holder] -->            duration: animSpeed, \/\/ Duraci\u00f3n de la animaci\u00f3n<!-- [et_pb_line_break_holder] -->            ease: \"power2.inOut\"<!-- [et_pb_line_break_holder] -->        });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/\/ Animaci\u00f3n del texto duplicado al desaparecer<!-- [et_pb_line_break_holder] -->        const copy = rollerText.querySelector('.copy');<!-- [et_pb_line_break_holder] -->        gsap.to(copy, {<!-- [et_pb_line_break_holder] -->            y: \"100%\", \/\/ El texto duplicado desaparece hacia abajo<!-- [et_pb_line_break_holder] -->            duration: animSpeed, \/\/ Duraci\u00f3n de la animaci\u00f3n<!-- [et_pb_line_break_holder] -->            ease: \"power2.inOut\"<!-- [et_pb_line_break_holder] -->        });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/\/ Eliminar el texto duplicado despu\u00e9s de que termine la animaci\u00f3n<!-- [et_pb_line_break_holder] -->        setTimeout(function() {<!-- [et_pb_line_break_holder] -->            if (copy) {<!-- [et_pb_line_break_holder] -->                rollerText.removeChild(copy);<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->        }, animSpeed * 1000); \/\/ Espera para que termine la animaci\u00f3n antes de eliminarlo<!-- [et_pb_line_break_holder] -->    });<!-- [et_pb_line_break_holder] -->});<!-- [et_pb_line_break_holder] --><\/script><!-- [et_pb_line_break_holder] -->[\/et_pb_code][et_pb_code _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; theme_builder_area=&#8221;post_content&#8221; hover_enabled=&#8221;0&#8243; sticky_enabled=&#8221;0&#8243; admin_label=&#8221;libreria&#8221;]<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.10.2\/gsap.min.js\"><\/script><!-- [et_pb_line_break_holder] -->[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>","protected":false},"excerpt":{"rendered":"<p>dsadsadsa<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","inline_featured_image":false,"footnotes":""},"class_list":["post-255633","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.alartranslations.com\/es\/wp-json\/wp\/v2\/pages\/255633","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.alartranslations.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.alartranslations.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.alartranslations.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.alartranslations.com\/es\/wp-json\/wp\/v2\/comments?post=255633"}],"version-history":[{"count":9,"href":"https:\/\/www.alartranslations.com\/es\/wp-json\/wp\/v2\/pages\/255633\/revisions"}],"predecessor-version":[{"id":255674,"href":"https:\/\/www.alartranslations.com\/es\/wp-json\/wp\/v2\/pages\/255633\/revisions\/255674"}],"wp:attachment":[{"href":"https:\/\/www.alartranslations.com\/es\/wp-json\/wp\/v2\/media?parent=255633"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}