Como poner un gif en una sección concreta de una web que es un fullscreen image background

publicado por: Anonymous

Un cliente con una web que tiene una home que es una imagen en fullscreen, me pide que le ponga un gif. Tiene un cocodrilo que representa un virus y los ojos de este animal se abren y se cierran. Pongo una captura de ejemplo para mostrar lo que quisiera hacer. Y este gif tiene que estar fijo de manera que si se visita esta web con una pantalla móvil este no se mueva, no importa si queda oculto.
ejemplo del trabajo

solución

Utiliza position: fixed (documentación) en el css del div que contenga el gif:

<div style="position: fixed; bottom: Xpx; right: Ypx;" >
    <img src="loading.gif" alt="COCODRILOOOOOOOOO" />
</div>

Dónde X e Y es la posición (X,Y) en la pantalla.

Respondido por: Anonymous

Leave a Reply

Your email address will not be published. Required fields are marked *