rainbow glitch

Tags: rainbow, glitch, glitchcore, webcore, scene

Description:

features a glitchy rainbow background, a circle spinning pfp, rainbow animation on links + your name, nyan cat online indicator, and a floating effect on the whole profile :)

Preview:

click on the image for a larger preview

Code:

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

<!-- (c) Layout created by Sip O' Poison (https://layouts.spacehey.com/layout?id=35926) -->

<style>

body {
background-color: black;
background-image: url(https://i.postimg.cc/T3rp8rbT/59-B2668-A-470-D-4-D91-83-CE-338-E421845-EE.gif)
}

.logo {
filter: sepia(100%) hue-rotate(0deg) saturate(0);

}
#q, button {
color: #c3d9e0;
background-color: black;
border: 1px solid #c3d9e0;


}
p, i, b, .count {
color: #c3d9e0 !important;

}
a, .profile .friends .person p, .logout-btn {
color: #c3d9e0 !important;
text-decoration: underline !important;
background: url(https://cur.glitter-graphics.net/pub/3390/3390323un7ana0wpz.gif);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-style: normal;

}
.container {
margin: 0 auto 0;
}
.icon {
display: none;
}
nav, nav .links a {
color: #c3d9e0;


}
nav .top {
margin-top: 2px;
background: none;
background-color: black;
border: 2px dotted #c3d9e0;
border-bottom: none;

}
nav .links {
background-color: black;
border: 2px dotted #c3d9e0;
background: url(https://cur.glitter-graphics.net/pub/3390/3390323un7ana0wpz.gif);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-style: normal;
  text-align: center;

}

main {
background: black;
color: #c3d9e0;
border-left: 2px dotted #c3d9e0;
border-right: 2px dotted #c3d9e0;
  text-align: center;

}
.heading, .url-info {
color: #c3d9e0 !important;
background: none;
background-color: black !important;
border: 2px solid #c3d9e0 !important;
  text-align: center;

}
.inner {
color: #c3d9e0 !important;
border: 2px dotted #c3d9e0;
border-top: none;

}
.profile-info {
border: 2px solid #c3d9e0;


}
.profile-info .inner {
border: none;
  text-align: center;

}
.friends .inner {
border-bottom: none;


}
#comments {
border-bottom: 2px dotted #c3d9e0;

}
.profile .contact, .profile .table-section, .home-actions {
border: none !important;

}


.profile .contact .f-row:first-of-type {
margin-top: 0px;
padding-top: 7px;
}

.profile .blurbs .section h4 {
color: #c3d9e0 !important;
  text-align: center;

}

.details-table {
margin: 2px;
}

.details-table, td {
border: 1px solid #c3d9e0;
border-collapse: collapse;
  text-align: center;

}

td {
color: #c3d9e0 !important;
background: none;
background-color: black !important;

} 

table.details-table {
max-width: 98%;
  text-align: center;
}

.general-about .details p:not(.online){
color: #c3d9e0 !important;
text-align: center;


}

.general-about .details a{
color: #c3d9e0 !important;

}

.profile h1 {
font-size: 2em;
background: url(https://cur.glitter-graphics.net/pub/3390/3390323un7ana0wpz.gif);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-style: normal;
  text-align: center;

}

footer {
background: black;
border: 2px dotted #c3d9e0;

}
footer p {
color #060d94 !important;

}
.comments-table {
border: none;
border-collapse: collapse;


}
.comment-replies {
border: 1px solid #c3d9e0;
margin: 2px;
  text-align: center;

}
nav .info {
background: none;
}

.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);

}


</style>

<style>
.online{content:url("https://i.postimg.cc/R0L6tcCg/IMG-6100.gif");
}
</style>

<style>

/*SPACES BETWEEN LINKS*/

nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after{

    content: " _";

    color: white}

</style>

<style>

.pfp-fallback, .row.profile {
   border: 2px dotted #ffffff !important;
}
</style>

<style>
@keyframes spin{
  from{ transform:rotate(0deg); }
  to{ transform:rotate(0deg); }
}
</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>

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

nyxx !!	6 months ago using! Report Comment
Darcy ☆	8 months ago Using!! Report Comment
kumo ☆	8 months ago using!! Report Comment
📺	9 months ago using ! Report Comment
Iɳϝιɳιƚҽ Cԋασʂ ★>:3★(don't frq, I find u)	11 months ago Using! Report Comment
Something Someone	11 months ago using:3 Report Comment
jay :pp	1 year ago using Report Comment
goober :3	1 year ago using :3 Report Comment
mio( ˶°ㅁ°) .ᐟ.ᐟ	1 year ago USING!! Report Comment
mio( ˶°ㅁ°) .ᐟ.ᐟ	1 year ago USING!! Report Comment
izu	1 year ago use X3 Report Comment
Soren	1 year ago USING!!!!! Report Comment
♰ koni ♰	1 year ago omg using this is so pretty ^^ Report Comment
Xx_ballsgaming_xX	1 year ago using!!! Report Comment
coffee.zip	1 year ago Using Report Comment
Bee_Stingz	1 year ago using Report Comment
[S] gumball	1 year ago using !! Report Comment
xXglittergr4vezXx	1 year ago using!!! XD Report Comment
꒰♡꒱˚₊ ‧ tessa / kailee . ⊹ ₊	1 year ago using!! Report Comment