« Web, HTML, Tech Forum

GIF

portwindsor's profile picture

Posted by portwindsor

posted

Forum: Web, HTML, Tech

View Topics View Profile

help
how do i put in a gif that fills the screen when my blog is loading? This is probably obvious and has been answered before but I cant find any forum topics on it.
Thanks in advance!!


Report Topic

1 Reply

2002kiashitbox's profile picture

Reply by 2002kiashitbox

posted

found this...
body:before {
  1. content: " ";
  2. height: 100vh;
  3. width: 100vw;
  4. display: block;
  5. position: fixed;
  6. top: 0;
  7. left: 0;
  8. z-index: 100;
  9. background-image: url(INSERT GIF HERE);
  10. background-size: cover;
  11. background-repeat: no-repeat;
  12. background-position: center center;
  13. animation: yourAnimation 3s ease 0s 1 normal forwards;
  14. pointer-events: none;
}


Permalink Report Reply