Tags:
Description:
<!-- (c) Layout created by TWILA'S LAY0UT SHACK (https://layouts.spacehey.com/layout?id=2682) -->
<!-- (c) Layout created by TWILAS LAY0UT SHACK (https://layouts.spacehey.com/layout?id=2140) -->
<!-- (c) Layout created by TWILAS LAY0UT SHACK (https://layouts.spacehey.com/layout?id=1314) -->
<!-- (c) Layout created by TWILAS LAY0UT SHACK (https://layouts.spacehey.com/layout?id=1022) -->
<style>
html:before {
animation: grain 8s steps(10) infinite;
background-image: url(https://i.imgur.com/OTIx9fH.gif);
content: "";
height: 300%;
left: -50%;
opacity:.2;
position: fixed;
top: -110%;
width: 300%;
pointer-events:none;
}
@keyframes grain {
0%, 100% { transform:translate(0, 0) }
10% { transform:translate(-5%, -10%) }
20% { transform:translate(-15%, 5%) }
30% { transform:translate(7%, -25%) }
40% { transform:translate(-5%, 25%) }
50% { transform:translate(-15%, 10%) }
60% { transform:translate(15%, 0%) }
70% { transform:translate(0%, 15%) }
80% { transform:translate(3%, 35%) }
90% { transform:translate(-10%, 10%) }
} </style>
<style>:root {
--logo-blue: light purple ;
--darker-blue: silver ;
--lighter-blue: light purple ;
--even-lighter-blue: light purple ;
--lightest-blue: light purple ;
--dark-orange: light purple ;
--light-orange: light purple ;
--even-lighter-orange: transparent ;
<style/>
<style>nav {
overflow-x: hidden;
position: middle;
}
nav .top {
background: transparent;
}
nav .links {
background: rgba(0, 0, 0, 0.3);
}
nav { background-image: url(http://dl4.glitter-graphics.net/pub/3549/3549294n1zkm6swm7.gif); }</style>
<style>main:before {
width: 100%;
height: 750px ;
display: block;
content: "";
background-image: url('https://i.imgur.com/hXCGSkz.jpg');
background-position: center center;
background-size: cover;
}
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 0 of 0 comments ( View all | Add Comment )