← Back to Layouts
pink scene

Name: FriendRewind
Author: FriendRewind
Author: B1onks
Category: Scene
Created: July 18, 2026
PINK GLITTER AHHH
Comments (0)

No comments yet. Be the first!
You must log in to comment.
CSS Code

<style>
<style>

body {
background-image: url(https://i.pinimg.com/originals/c2/1d/86/c21d8669cd617d1d6b41f45b7fa2b2c7.gif);
background-size: 500px;
background-attachment: fixed;
}

<style>
  
 <style>
  
  nav .top {
background-image: url(https://i.pinimg.com/originals/06/72/f7/0672f72f9b43b175cd8b00676198aa4b.gif);
align-items: bottom;
background-size: 255px;
}

nav .links {
background-image: url(https://i.pinimg.com/originals/c2/1d/86/c21d8669cd617d1d6b41f45b7fa2b2c7.gif);
text-align: center;
}

</style>







<div class="falling-gif">
  <div class="falling-gif"><img src="https://pixels.crd.co/assets/images/gallery15/23f26d94.gif?v=29416114" /></div>
  <div class="falling-gif"><img src="ADDhttps://pixels.crd.co/assets/images/gallery15/23f26d94.gif?v=29416114" /></div>
  <div class="falling-gif"><img src="https://pixels.crd.co/assets/images/gallery16/1993d91d.png?v=29416114" /></div>
  <div class="falling-gif"><img src="https://pixels.crd.co/assets/images/gallery16/1993d91d.png?v=29416114" /></div>
  <div class="falling-gif"><img src="https://pixels.crd.co/assets/images/gallery21/adf3f0fe.gif?v=29416114" /></div>
  <div class="falling-gif"><img src="https://pixels.crd.co/assets/images/gallery21/adf3f0fe.gif?v=29416114" /></div>
  <div class="falling-gif"><img src="https://pixels.crd.co/assets/images/gallery16/421a750b.gif?v=29416114" /></div>
  <div class="falling-gif"><img src="https://pixels.crd.co/assets/images/gallery16/421a750b.gif?v=29416114" /></div>
</div>

<style>
  @-webkit-keyframes falling-gif-fall {
    0% {
      top: -10%;
    }
    100% {
      top: 100%;
    }
  }
  @keyframes falling-gif-fall {
    0% {
      top: -10%;
    }
    100% {
      top: 100%;
    }
  }
  .falling-gif {
    position: fixed;
    top: -10%;
    z-index: 9999;  /* Change the value to -1 to add the animation to the background */
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
    -webkit-animation-name: falling-gif-fall;
    -webkit-animation-duration: 5s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-name: falling-gif-fall;
    animation-duration: 5s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
  }

/* Specifics to make a more natural fall effect. Feel free to change */
  .falling-gif:nth-of-type(0) {
    left: 1%;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
  }
  .falling-gif:nth-of-type(1) {
    left: 10%;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
  }
  .falling-gif:nth-of-type(2) {
    left: 20%;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
  }
  .falling-gif:nth-of-type(3) {
    left: 30%;
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
  }
  .falling-gif:nth-of-type(4) {
    left: 40%;
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
  }
  .falling-gif:nth-of-type(5) {
    left: 50%;
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s;
  }
  .falling-gif:nth-of-type(6) {
    left: 60%;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
  }
  .falling-gif:nth-of-type(7) {
    left: 70%;
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
  }
</style></style>