falling mlg doritos

Tags: mlg, doritos, falling, snowflake, overlay, 2010

Description:

falling mlg doritos, please credit me if using :p this is my first layout so it looks kinda bad

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by Vijneweri (https://layouts.spacehey.com/layout?id=102134) -->

<div class="snowflakes">
  <div class="snowflake"><img src="https://www.vhv.rs/dpng/f/352-3526384_dorito-mlg-transparent-mountain-dew-gif-hd-png.png" height="30" width="30"/></div>
  <div class="snowflake"><img src="https://toppng.com/uploads/thumbnail/mlg-tdoane-duels-yu-clipart-royalty-free-download-call-of-duty-hitmarker-115629797807qzarm85fo.png" height="50" width="50"/></div>
    <div class="snowflake"><img src="https://www.vhv.rs/dpng/f/352-3526384_dorito-mlg-transparent-mountain-dew-gif-hd-png.png" height="20" width="20"/></div>
    <div class="snowflake"><img src="https://www.vhv.rs/dpng/f/352-3526384_dorito-mlg-transparent-mountain-dew-gif-hd-png.png" height="40" width="40"/></div>
   <div class="snowflake"><img src="https://toppng.com/uploads/thumbnail/mlg-tdoane-duels-yu-clipart-royalty-free-download-call-of-duty-hitmarker-115629797807qzarm85fo.png" height="30" width="30"/></div>
  <div class="snowflake"><img src="https://upload.wikimedia.org/wikipedia/commons/d/d5/Mlg_illuminati.png" height="20" width="20"/></div>
    <div class="snowflake"><img src="https://toppng.com/uploads/thumbnail/mlg-tdoane-duels-yu-clipart-royalty-free-download-call-of-duty-hitmarker-115629797807qzarm85fo.png" height="30" width="30"/></div>
    <div class="snowflake"><img src="https://www.vhv.rs/dpng/f/352-3526384_dorito-mlg-transparent-mountain-dew-gif-hd-png.png" height="20" width="20"/></div>
    <div class="snowflake"><img src="https://upload.wikimedia.org/wikipedia/commons/d/d5/Mlg_illuminati.png" height="40" width="40"/></div>
  <div class="snowflake"><img src="https://www.vhv.rs/dpng/f/352-3526384_dorito-mlg-transparent-mountain-dew-gif-hd-png.png" height="20" width="20"/></div>
    <div class="snowflake"><img src="https://pbs.twimg.com/media/C_qSjp5XUAAmz4g.png" height="20" width="20"/></div>
    <div class="snowflake"><img src="https://pbs.twimg.com/media/C_qSjp5XUAAmz4g.png" height="40" width="40"/></div>
</div>
<style>	@-webkit-keyframes snowflakes-fall {
		0% {
			top: -10%
		}
		100% {
			top: 100%
		}
	}
	
	@-webkit-keyframes snowflakes-shake {
		0%,
		100% {
			-webkit-transform: translateX(0);
			transform: translateX(0)
		}
		50% {
			-webkit-transform: translateX(80px);
			transform: translateX(80px)
		}
	}
	
	@keyframes snowflakes-fall {
		0% {
			top: -10%
		}
		100% {
			top: 100%
		}
	}
	
	@keyframes snowflakes-shake {
		0%,
		100% {
			transform: translateX(0)
		}
		50% {
			transform: translateX(80px)
		}
	}
	
	.snowflake {
		position: fixed;
		top: -10%;
		z-index: 9999;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		-webkit-animation-name: snowflakes-fall, snowflakes-shake;
		-webkit-animation-duration: 10s, 3s;
		-webkit-animation-timing-function: linear, ease-in-out;
		-webkit-animation-iteration-count: infinite, infinite;
		-webkit-animation-play-state: running, running;
		animation-name: snowflakes-fall, snowflakes-shake;
		animation-duration: 10s, 3s;
		animation-timing-function: linear, ease-in-out;
		animation-iteration-count: infinite, infinite;
		animation-play-state: running, running
	}
	
	.snowflake:nth-of-type(0) {
		left: 1%;
		-webkit-animation-delay: 0s, 0s;
		animation-delay: 0s, 0s
	}
	
	.snowflake:nth-of-type(1) {
		left: 10%;
		-webkit-animation-delay: 1s, 1s;
		animation-delay: 1s, 1s
	}
	
	.snowflake:nth-of-type(2) {
		left: 20%;
		-webkit-animation-delay: 6s, .5s;
		animation-delay: 6s, .5s
	}
	
	.snowflake:nth-of-type(3) {
		left: 30%;
		-webkit-animation-delay: 4s, 2s;
		animation-delay: 4s, 2s
	}
	
	.snowflake:nth-of-type(4) {
		left: 40%;
		-webkit-animation-delay: 2s, 2s;
		animation-delay: 2s, 2s
	}
	
	.snowflake:nth-of-type(5) {
		left: 50%;
		-webkit-animation-delay: 8s, 3s;
		animation-delay: 8s, 3s
	}
	
	.snowflake:nth-of-type(6) {
		left: 60%;
		-webkit-animation-delay: 6s, 2s;
		animation-delay: 6s, 2s
	}
	
	.snowflake:nth-of-type(7) {
		left: 70%;
		-webkit-animation-delay: 2.5s, 1s;
		animation-delay: 2.5s, 1s
	}
	
	.snowflake:nth-of-type(8) {
		left: 80%;
		-webkit-animation-delay: 1s, 0s;
		animation-delay: 1s, 0s
	}
	
	.snowflake:nth-of-type(9) {
		left: 90%;
		-webkit-animation-delay: 3s, 1.5s;
		animation-delay: 3s, 1.5s
	}
	
	.snowflake:nth-of-type(10) {
		left: 25%;
		-webkit-animation-delay: 2s, 0s;
		animation-delay: 2s, 0s
	}
	
	.snowflake:nth-of-type(11) {
		left: 65%;
		-webkit-animation-delay: 4s, 2.5s;
		animation-delay: 4s, 2.5s
	}</style>

Copy and paste this code into the "About me" section of your Profile to use it.

Caution: This Layout was not inspected by SpaceHey — use it at your own risk.

Comments

Displaying 20 of 51 comments ( View all | Add Comment )

kara	1761285142 using !!! Report Comment
markd	1760240197 using..? Report Comment
XERN0US	1759985522 Using Report Comment
Hahatushka	1758827804 YAYAYAY USING Report Comment
RadioactiveMustard	1757893589 USING YASSS Report Comment
spamvilceo	1756709442 using Report Comment
potato	1756485273 using THANKSS Report Comment
Willows	1755233568 peak and using Report Comment
englisch ist mein lieblingsfach	1755166056 PEAK using Report Comment
⚡️yoinkerzzz ;)⚠️	1755076648 USING Report Comment
ellery	1754634665 using Report Comment
iлюшко пiскунцк	1753717335 using!! Report Comment
BRAINROT HAVEN CEO AND FOUNDER!! AKA RAWRIEBOI!!	1753636653 USING Report Comment
Sage	1753055303 Using Report Comment
THE_MEMEL0RD	1752428717 def using Report Comment
﴾ØNŁY_P3ȺK_W1ŦH_M4RŦłN﴿© \|-/	1751912721 Using 💯 Report Comment
mia shh	1749666182 Using ! Report Comment
Ryan (っ˘ڡ˘ς)	1748381497 using Report Comment
♱ᯓ RAYYkek	1746864941 Using!! Report Comment
YGNESK/NESKAUKKZ	1746842641 Usando Report Comment