Plastic Beach Layout (Gorillaz)

Tags: gorillaz, plastic beach, beach

Description:

This is a layout i made while bored in class! Please comment if using :)

Preview:

click on the image for a larger preview

Code:

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

<style>
body{background:url("https://i.postimg.cc/mDbvq04d/Gorillaz-Plastic-Beach-3840x2160.jpg") no-repeat fixed; background-size:cover;}
</style>




<style>
.element {
 	background-color: rgba(red, green, blue, transparency);
}


main{
background: none;
}
<style>


<style>
font-family: 'palatino';
h1{
  animation: type 3s steps(27);
  color: white;
  font-size: 10px;
  font-family: courier;
  white-space: nowrap;
  overflow: hidden;
  }

@keyframes type{

  0%{
    width:0ch;
  }

  100%{
    width:27ch;
  }

}

@keyframes blink{
  0%{opacity:1;}
  50%{opacity:0;}
  100%{opacity:1;}
}

.col, main, footer, nav::before, .online, nav .links, nav .top {
animation: float 4s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;

}

.col, main, footer, nav::before, .online, nav .links, nav .top {
animation: float 4s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}

@keyframes float {
0% { transform: translate(0, 0px);
}

50% {
transform: translate(0, 8px);
}

100% {
transform: translate(0, -0px);
}
}

 main{
background-image: none;
background-position:undefined;
background-attachment: fixed;
background-size: auto;
background-color: rgba(0, 0, 0, 0);
color:white;
font-family: 'palatino';
font-size:100%;
text-shadow: 2px 2px 2px black;
}

:root {
--logo-blue:;
--darker-blue:none;
--lighter-blue: none;
--even-lighter-blue: transparent;
--lightest-blue:transparent;
--dark-orange:white;
--light-orange:transparent;
--even-lighter-orange: transparent;
--green:transparent;
}
nav .links {
font-family: 'Neuton', serif;
text-align:center;

}
main:before {
	width: 100%;
	height: 125px ;
	display: block;
	content: "";
	background-image: url('https://i.postimg.cc/76HNy54S/Screenshot-2023-12-01-12-33-32-PM.png');
	background-position: center center;
	background-size: cover;
}
@media only screen and (max-width: 600px) {
	main:before{
		height: 200px;
	}



</style>


<iframe width="0" height="0" src="https://www.youtube.com/embed/GNth4yhlffU//?&;amp;;autoplay=1&;loop=1&;controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">
</iframe>
<style>


table.comments-table{
display: block;
height: 400px!important;
overflow-y: scroll;
}







</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 )

ari :3

1704589510

using!

Report Comment