How to set a Gif in the Background of a Bio Page

Kavya
Kavya Published on November 16, 2023

Having a GIF playing in a loop... Seems cool or boring at the same time. 

Website Preview - Smartphone

Did you see the above bio page... seems cool. right?

Let's see how to make it.

Make a Bio page

First- You have to do everything you do normally. (Link here to know to learn How to make a bio page).

Upload GIF

Second- You have to upload your GIF in the  Free Image Hosting - Upload GIF | Gifyu. Make the aspect ratio of the GIF 1080px x 1920px, otherwise, it will stretch itself to cover the whole page.

Copy the link

Third- After you upload you will get a link like https://s6.gifyu.com/images/S8sLQ.gif and you have to copy this link.

Custom CSS

Four come to the bio page CSS customize section and then page the code below section

body { 
   min-height: 100vh;
   color: #ffffff;
   background: #1e2028;
   background: url(your.gif) no-repeat center center fixed;
   background-size: cover;
   width: 100vw;
   height: 100vh;
   margin: 0;
   padding: 0;
}

 

Here you have to replace the your.gif with the link above you get.

And All done.

Try yourself!!
 

 

Keep reading

More posts from our blog