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

nugget	1782099297 using Report Comment
Garry Goonstik!!	1781135636 using ⚞•⚟ Report Comment
Dee	1781042304 Using Report 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
kwetty	1765067785 USING Report Comment
pxrkiimcpxrkstr	1765005629 using homie <3 beautiful stuff Report Comment
DXxJayxXD	1764970361 using! Report Comment
luuvie	1763291707 usingg Report Comment
kara freaking sucks	1761285142 using !!! Report Comment
fangirl	1760240197 using..? Report Comment
XERN0US	1759985522 Using Report Comment
SAMO®	1758827804 YAYAYAY USING Report Comment
RadioactiveMustard	1757893589 USING YASSS Report Comment
spamvilceo	1756709442 using Report Comment
potato	1756485273 using THANKSS Report Comment