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 raven (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 40 comments ( View all | Add Comment )

gn4rlyt33th	1714603798 using:3 Report Comment
doktoren	1714048930 usinggg Report Comment
socksweat	1713694901 using! Report Comment
jay :pp	1713379824 using Report Comment
goober :3	1711765527 using :3 Report Comment
mio	1708375967 USING!! Report Comment
mio	1708375966 USING!! Report Comment
izu	1707853279 use X3 Report Comment
Soren the Square	1706392794 USING!!!!! Report Comment
♰ koni ♰	1705439382 omg using this is so pretty ^^ Report Comment
Xx_ballsgaming_xX	1704431379 using!!! Report Comment
kody :P	1699849353 maybe using! Report Comment
coffee.zip	1699166809 Using Report Comment
Crazy_Buzz	1698333003 using Report Comment
gumball [profile is a wip]	1697012290 using !! Report Comment
xXglittergr4vezXx	1696900990 using!!! XD Report Comment
T E S S A ! ☆	1694921207 using!! Report Comment
B4CKR00MS SYS!	1694800640 Using!! Report Comment
ev XD	1694365942 using Report Comment