How to display a gif fullscreen for a webpage background?

css, gif, html

Solution

if it's background, use `background-size: cover;`

body{
    background-image: url('https://i.stack.imgur.com/kx8MT.gif');
    background-size: cover;
    
    
    
    height: 100vh;
    padding:0;
    margin:0;
}

Problem

I'm trying to make a GIF fit my whole screen, but so far its just a small square that is on my screen while the rest is white. However, I want it to take up all the space. Any ideas?

Original source

Related problems