Disable world news subforum View previous topic :: View next topic  


NFOHump.com Forum Index - Site Feedback
Page 3 of 3 Goto page Previous  1, 2, 3
PumpAction
[Schmadmin]



Posts: 26759
PostPosted: Thu, 10th Sep 2020 15:14    Post subject:
Interinactive wrote:
Quote:
var i;
var x;
var y;
var height = $(document).height();
var width = $(document).width();
for (i = 0; i < 50; i++) {
y = Math.floor(Math.random() * height);
x = Math.floor(Math.random() * width);
$("body").append("<div class='item' style='width: 150px; height: 171px; background-image: url(https://i.imgur.com/rcNJn4T.png); background-size: cover; position: absolute; z-index: 10; left: " + x + "px; top: " + y + "px;'></div>");
}


Code:
<style>
.f{position: absolute;animation: snow 10s infinite;opacity: 0;color:#fff}

@keyframes snow {
  0%{transform: translate(0vw, 0vh) rotate(0deg);opacity:0}
  10%{transform: translate(10vw, 20vh) rotate(360deg);opacity:1}
  30%{transform: translate(-5vw, 30vh) rotate(20deg)}
  60%{transform: translate(5vw, 40vh) rotate(300deg);opacity:1}
  100%{transform: translate(-10vw, 50vh) rotate(30deg);opacity:0}
}
</style>
<script>
let flakes = '❄❅❆❉❊';
for(let i = 0; i < 500; i++) document.querySelector('body').insertAdjacentHTML('beforeend',`<div class=f style="top:${Math.random()*70-20}vh;left:${Math.random()*100}vw;animation-delay:${Math.floor(Math.random()*10000)}ms">${flakes.split('')[Math.floor(Math.random()*flakes.length)]}</div>`);
</script>

RealSnow™

=> NFOrce GIF plugin <= - Ryzen 3800X, 16GB DDR4-3200, Sapphire 5700XT Pulse
Back to top
Photish




Posts: 1178
PostPosted: Thu, 10th Sep 2020 16:56    Post subject:
Very Happy
Back to top
Page 3 of 3 All times are GMT + 1 Hour
NFOHump.com Forum Index - Site Feedback Goto page Previous  1, 2, 3
Signature/Avatar nuking: none (can be changed in your profile)  


Display posts from previous:   

Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum


Powered by phpBB 2.0.8 © 2001, 2002 phpBB Group