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 61 comments ( View all | Add Comment )

Aaron Prick	1774825970 Using! Report Comment
Ivy	1774234766 USINGGG Report Comment
XERN0US	1772387617 using Report Comment
skopeguts	1769115956 using Report Comment
KA1	1767667447 Using!! Report Comment
Gum	1767588110 using! Report Comment
astrohatesyou	1765067785 USING Report Comment
pxrkiimcpxrkstr	1765005629 using homie <3 beautiful stuff Report Comment
DXxJayxXD	1764970361 using! Report Comment
luuvie	1763291707 usingg Report Comment
the silly girl descendents was talking about	1761285142 using !!! Report Comment
fangirl	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
jack	1755233568 peak and using Report Comment
Englisch ist mein Lieblingsfach	1755166056 PEAK using Report Comment
⚡️yoinkerzzz ;)⚠️	1755076648 USING Report Comment