FOPENP

Background animated GIF

I tried to put an animated GIF on this article's background.

.mydiv {
  background-image: url("gif-test-01.gif");
  background-repeat: no-repeat;
  background-size: cover;
}

article {
  background-color: rgba(255, 255, 255, 0.5);
}

It works, but the overall quality is low because I've used a low quality test video and my CSS layout is not designed to host a background video.

Instead of “.mydiv” you can specify the “body”.

2023
Dec, 17