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

anoldfriend07	1738209626 using :>) Report Comment
burning pasta	1734176487 USING TYSM Report Comment
CHAINSAW !!	1728800228 Is it me or does the Noodles gif not work? Report Comment
CHAINSAW !!	1728797064 Using !! Report Comment
maisy !!	1728517920 using ! Report Comment
MICKEY	1726694179 using :P Report Comment
ChocolateRocket	1721247243 using! Report Comment
FRANK IERO	1720301708 using but might change bits and pieces Report Comment
saturnjam	1719212036 using ! Report Comment
nayi	1716901360 using :3 Report Comment
ari :3	1704589510 using! Report Comment