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

Kryštof_Citr0n3n	1788463830 Using!!!!! Looks rad Report Comment
ძ᥆ᥒᥒіᥱ	1788287629 using Report Comment
moonlight	1787169246 using ^_^ Report Comment
Percivalex	1786511660 Using! Report Comment
nugget	1782099297 using Report Comment
Garry Goonstik!!	1781135636 using ⚞•⚟ Report Comment
Deeple	1781042304 Using Report Comment
Aaron Prick	1774825970 Using! Report Comment
Ivy	1774234766 USINGGG Report Comment
XERN0US	1772387617 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
atticus ⦻	1760240197 using..? Report Comment
XERN0US	1759985522 Using Report Comment
SAMO®	1758827804 YAYAYAY USING Report Comment