Crear marquesina con movimeinto

 Crearemos una nueva Screen e insertaremos </> HTML Text.


En el evento HtmlText, copiamos el siguiente código.

"<div style='background-color: #0000; color: #0000; padding: 0px; text-align: center; width: 100%; height: 50%;'>
  <marquee behavior='slide' scrollamount='20'>
    <div style='display: flex; justify-content: center; align-items: center; height: 100%; width: 100%;'>
     
      <img style='border-radius: 20px; height: 200px; width: auto; margin: 0 10px;' src='https://cdn.pixabay.com/photo/2022/10/14/08/03/earbuds-7520738_1280.jpg'>
     
      <img style='border-radius: 20px; height: 200px; width: auto; margin: 0 10px;' src='https://cdn.pixabay.com/photo/2023/10/07/14/24/smartwatch-8300238_1280.jpg'>
     
      <img style='border-radius: 20px; height: 200px; width: auto; margin: 0 10px;' src='https://cdn.pixabay.com/photo/2023/07/21/13/25/memory-8141642_1280.jpg'>

    </div>
  </marquee>
</div>"


Es un código sencillo en HTML que llama 3 imágenes y realiza una animación en  scroll vertical.



Publicar un comentario

Artículo Anterior Artículo Siguiente