grey , simple background

Tags: gray, bats

Description:

just a simple background -- falling in reverse , music -- grey -- bat intro --spinning profile // cube

Preview:

click on the image for a larger preview

Code:

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

<!-- (c) Layout created by ✭ кєιяα !! (https://layouts.spacehey.com/layout?id=82075) -->

<style>
body {
background-image: url('http://dl9.glitter-graphics.net/pub/547/547789n1562cbsuj.jpg');
background-attachment: fixed;
background-repeat: repeat;
}
</style>
<style>
@keyframes spin{
  from{ transform:rotate(0deg); }
  to{ transform:rotate(-360deg); }
}
.general-about .profile-pic img{
  border-radius: 50%;
  animation: spin 7s infinite linear;
}
</style>

<a href="https://www.glitter-graphics.com"><img src="http://dl4.glitter-graphics.net/pub/1487/1487294y2xy3722r9.gif" width="150" height="20"/></a><br/><a href="https://www.glitter-graphics.com" target="_blank"></a>

<iframe width="0" height="0" src="https://www.youtube.com/embed/bw5ZYNucLtA?loop=1&autoplay=1&controls=0&start=0&playlist=bw5ZYNucLtA&&#x201D;title=" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen="&#x201D;&#x201D;">
</iframe>
	
<style>

body:before {
	content: " ";
	height: 100vh;
	width: 100vw;
	display: block;
	position: fixed; 
	top: 0; 
	left: 0; 
	z-index: 100;
	background-image: url('https://media2.giphy.com/media/qH1PNSJcvinDi/giphy.gif?cid=ecf05e47mzfcaxhox3gagmt5er469fq8rcb38ftdth3scvj8&ep=v1_gifs_search&rid=giphy.gif&ct=g');
	background-size: cover;
	background-repeat: no-repeat;
background-position:center;
	animation: yourAnimation 3s ease 0s 1 normal forwards;
	pointer-events: none;
}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 

</style>
<style>
    body{
        background-image: linear-gradient(white, gray);
    }
    .container{
        box-shadow: 0px 1px 10px black;
        width: 970px;
    }
    nav .top{
        background-image: linear-gradient(#d0d2d6, white, #9fb4cb);
    }
    nav .top .left .logo{
        display: none;
    }
    nav .top{
        height: 80px;
        border: ridge white 3px;
        margin-bottom: 10px;
    }
    nav .top .center form{
        text-align: left;
    }
    [id='q']{
        border-radius: 5px;
        border: solid lightgray;
    }
    nav .links{
        text-align: center;
        background-image: linear-gradient(lightgray, white, #9fb4cb);
        border: ridge white 2px;
        box-shadow: 0px 5px 10px gray;
        margin-bottom: 10px;
    }
    main .right{
        width: 30%;
        border-radius: 5px;
    }
    main .left{
        background-image: linear-gradient(#ebebeb, white, #ebebeb, lightgray);
    }
    .general-about .profile-pic img{
        margin-left: 180px;
        margin-top: 15px;
        box-shadow: 0px 1px 10px black;
        border: ridge white 3px;
        border-radius: 5px;
    }
    main .right{
        box-shadow: 0px 1px 10px;
    }
    
     .general-about{
        
    background: linear-gradient(to left, #7896b6, lightgray, #ebebeb);
    background-color: transparent;
    border-radius: 5px;
    border: ridge white 3px;
    text-align: center;
    height: 200px;
        
    }
    
    .profile h1{
        font-size: 55px;
        color: white;
        text-shadow: 0px 5px 5px #4d6c8e;
        border: ridge 3px white;
        border-radius: 5px;
        background: linear-gradient(white, #9fb4cb);
        text-align: center;
        height: 90px;
    }
    
    main .right{
        background: linear-gradient(to bottom, white, lightgray, #9fb4cb, #4d6c8e);
    }
    FORM > BUTTON{
        border: ridge white 3px;
        border-radius: 5px;
    }
    .profile .blurbs .heading{
        background: linear-gradient(to right, #b8c8d9, lightgray, #2d4054);
        bor</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 1 of 1 comments ( View all | Add Comment )

kRunKaH0LiC

1696299222

usinnng

Report Comment