εїз .˚•̩̩͙✩•̩̩͙*˚＊ 90s bubbles over animation designs~ #2

Tags: twilaslay0utshack, 90s, 2000s, 2k, y2k, vaporwave, windows98, pixel, pixels, vcr

Description:

ℙ𝕝𝕖𝕒𝕤𝕖 ℂ𝕠𝕞𝕞𝕖𝕟𝕥 𝔹𝕖𝕝𝕠𝕨 𝕀𝕗 𝕐𝕠𝕦 𝕃𝕚𝕜𝕖 𝕄𝕖 𝕆𝕣 𝕌𝕤𝕖 𝕄𝕖 <𝟛

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by TWILA'S LAY0UT SHACK (https://layouts.spacehey.com/layout?id=20643) -->

<style>* {cursor: url(https://cur.cursors-4u.net/games/gam-14/gam1384.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2011/11/20/the-elders-scroll-skyrim-precision.html" target="_blank" title="The Elders Scroll Skyrim - Precision"><img src="https://cur.cursors-4u.net/cursor.png" alt="The Elders Scroll Skyrim - Precision" style="position:absolute; top: 0px; right: 0px;"/></a>
<style>
html:before {
  animation: grain 8s steps(10) infinite;
  background-image: url('https://media.giphy.com/media/NzSUEgbTWB7TW/giphy.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: transparent ;
        --darker-blue: silver ;
        --lighter-blue: url (https://media.giphy.com/media/l0IsHtqsX7asordQc/giphy.gif) ;
        --even-lighter-blue: url(https://media.giphy.com/media/l0IsHtqsX7asordQc/giphy.gif);
        --lightest-blue: url(https://media.giphy.com/media/l0IsHtqsX7asordQc/giphy.gif) ;
        --dark-orange:  ;
        --light-orange: url(https://media.giphy.com/media/l0IsHtqsX7asordQc/giphy.gif) ;
        --even-lighter-orange: url(https://media.giphy.com/media/l0IsHtqsX7asordQc/giphy.gif) ;



<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://dl2.glitter-graphics.net/pub/590/590942t6xxcct7g8.jpg); }</style>



<style>main:before {
	width: 100%;
	height: 300px ;
	display: block;
	content: "";
	background-image: url('https://media.giphy.com/media/l0IsHtqsX7asordQc/giphy.gif');
	background-position: center center;
	background-size: cover;
}
@media only screen and (max-width: 600px) {
	main:before{
		height: 200px;
	}
}</style>

<style> 

body { 

font-family: Courier;
font-size: 15pt;
font-weight: bold;
-font-style: normal;
text-decoration: none;
}



h1 {
  color: black;
  text-shadow: 1px 1px 2px black, 0 0 25px purple, 0 0 5px gold;
} 

h1, h2, h3, h4,p {color: lightpink} 

:root { 

--black: white;
</style>




<style>

#comments .inner {
    max-height: 545px;
    overflow: scroll;
}
 

<style>
#comments{
    background-image: url('http://dl2.glitter-graphics.net/pub/590/590942t6xxcct7g8.jpg');
    background-size: 100%;
    Height:300px;
    overflow:auto;
}
.comments-table{
border: transparent !important;
    background-color:transparent rgba(30,35,40,.9);
}
#comments img{
    border-radius: none !important; 
    border: none !important; 
}
</style>













<style>table table table td img { display:inline; }table td td{ width:0; } table { width:450px; } table table { width:auto; } table table td { padding:3px; } table table table td { padding:0; } table table table { width:220px!important; height:0; } td.text td a img { width:auto!important; } table table table table table, table table table table table td { width:0!important; padding:0!important; } td.text a img { width:100px!important; } td.text td.text a img { width:35px!important; } td td td div strong { width:170px!important; display:block; } embed,object { display:block;width:220px;height:38px; } table table td img, td.text td.text .orangetext15, td.text td.text table table div { display:none; }</style>





<style>
main{background: transparent} table, tr, td { background-color:transparent;}div table tr td {background-color: BD9D00 !important;}div table tr td a:link, div table tr td a:visited, div table tr td a:hover {color: DDCCEE !important; font-weight: bold !important;}table {background-color: transparent !important;}table table table td {background-color: A50000 !important;}table table table table td {color: FFFFFF !important;}.clearfix {background-color: 000000 !important;}.profileInfo {border: 000000 2px solid !important;}.interestsAndDetails, .userProfileDetail, .contactTable {background-color: 000000 !important; border: BD9D00 2px solid !important; width: 200px !important;}.extendedNetwork , .latestBlogEntry, .blurbs, .friendSpace,.friendsComments {background-color: 000000 !important; border: FF0000 2px solid !important;}span, .btext, .redtext15 {background-color: transparent !important;}a {font-weight: normal !important; color: FF9BD4 !important;}b, span, .btext, .orangetext15, .whitetext12  {color: transparent !important;}.text  {color: 000000 !important;}.blacktext8 {color: FF0000 !important;}a.text:link, a.text:visited {font-weight: bold; color:FF0000 !important;}div object {background-color: A50000 !important; border: FF0000 2px solid !important;}ul li div span div {background-color: FF0000 !important; border: FF0000 2px solid !important;}table.contactTable tr td.text {background-color: 000000 !important;}table.contactTable td.tdborder table td{background-color: 000000 !important;}table.contactTable td.tdborder{background-color: 000000 !important;}div ul li a.open:link,div ul li a.open:visited,div ul li a.open:hover{background-color: 1548ae !important;}div ul li small{color: FF0000 !important;}.bodyContent{background-color: transparent;}body {background:url(https://media.giphy.com/media/1smOzjU64WlTG/giphy.gif);background-attachment:fixed;background-repeat:repeat;}table tr td div, div div a.text:link, div div a.text:visited, div div a.text:hover, div div a.text:active, div div p a:link, div div p a:visited, div div p a:hover, div div p a:active {color: FFFFFF !important;}








.profile .contact { background: url('https://media.giphy.com/media/l0IsHtqsX7asordQc/giphy.gif');
background-size: cover;
background-position: center;
}

 </style>

<style>body:before {
	content: " ";
	height: 100vh;
	width: 100vw;
	display: block;
	position: fixed; 
	top: 0; 
	left: 0; 
	z-index: 100;
	background-image: url('https://media.giphy.com/media/l0IsHtqsX7asordQc/giphy.gif');
	background-size: cover;
	background-repeat: no-repeat;
	animation: yourAnimation 4s ease 0s 1 normal forwards;
	pointer-events: none;
}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 
<style/></style>

<style>
footer {
border-radius: 15px;
background-image: url(https://media.giphy.com/media/1smOzjU64WlTG/giphy.gif);
}
</style>












<style>
/* profile-info */

.profile-info {
    position: fixed;
    left: 0;
    bottom: 0;
    margin: 0;
    padding: 0;
    width: 100vw;
    border: 0;
    z-index: 20;
    -webkit-backdrop-filter: blur(20px);
}
.profile-info a {
    color: #FFF;
}


.profile-info { border:double 0px #Ffd1dc88;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
background: transparent url(http://dl9.glitter-graphics.net/pub/185/185499fkwlunybl0.gif) no-repeat center center;
background-size: contain;
    </style>







<style>
.table-section:nth-last-child(2) .details-table tr:nth-child(2){display:none;}
.table-section:nth-last-child(2) .details-table tr:nth-child(5){display:none;}
.table-section:nth-last-child(2) .details-table tr:nth-child(4){display:none;}
</style>
<style>
.table-section:nth-last-child(2) .details-table tr:nth-child(1) td:first-child p { font-size:0; }
.table-section:nth-last-child(2) .details-table tr:nth-child(1) td:first-child p:before { content:"˚*•̩̩͙✩•̩̩͙*˚＊"; font-size:.7rem; }
.table-section:nth-last-child(2) .details-table tr:nth-child(6) td:first-child p { font-size:0; }
.table-section:nth-last-child(2) .details-table tr:nth-child(6) td:first-child p:before { content:"˚*•̩̩͙✩•̩̩͙*˚＊"; font-size:.7rem; }
.table-section:nth-last-child(2) .details-table tr:nth-child(3) td:first-child p { font-size:0; }
.table-section:nth-last-child(2) .details-table tr:nth-child(3) td:first-child p:before { content:"˚*•̩̩͙✩•̩̩͙*˚＊"; font-size:.7rem; }
</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 )

N0AH	1736935686 Lowkey using Report Comment
JJR	1717392986 Might use^^ Report Comment
H1TCHH1K3R	1702931394 might use :3 Report Comment
☆⋆｡YaZxx°‧★	1689521140 might use ^^ Report Comment
🦋£ëmï🦋	1674732130 How Do i ise it tho =( Report Comment
Phoebexxo	1666729262 using this tyy!! ^^ Report Comment
angelica	1666709049 Love it, using it. Report Comment
kittenpaws3000	1655207652 using Report Comment
stolas	1648994130 im gonna use this lolll Report Comment

Layout published by TWILA'S LAY0UT SHACK

εїз *.˚*•̩̩͙✩•̩̩͙*˚＊ 90s bubbles over animation designs~ #2

Description:

Preview:

Code:

Comments

εїз .˚•̩̩͙✩•̩̩͙*˚＊ 90s bubbles over animation designs~ #2