Home / Questions / 15475
Accepted
Marc Lemien
Asked: 2020-07-01 00:20:28 +0800 CST 2020-07-01 00:20:28 +0800 CST

How to put a gif in a specific section of a website that is a fullscreen image background

  • 772

A client with a website that has a home page that is a fullscreen image, asks me to put a gif on it. He has a crocodile that represents a virus and the eyes of this animal open and close. I put an example capture to show what I would like to do. And this gif has to be fixed so that if you visit this website with a mobile screen it does not move, it does not matter if it is hidden. work example

html5

1 Answers

  1. Best Answer

    Use position: fixed( documentation ) in the css of the divone containing the gif:

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

    Where X and Y is the position (X,Y) on the screen.

    • 2