Rainbow layout

Tags: rainbow, gif, layouts

Description:

My current layout!! It’s very colorful and I wanted to share it :-) Does not include the stamps, buttons, and snowflakes. Sorry!

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by ASPEN / RAMONA / SCAG (https://layouts.spacehey.com/layout?id=106331) -->

<style>
/*NOTE: in order to have the about me and who id like to meet text be rainbow, you need to code “<div style=‘rainbowPan’>text” outside of the style tags.*/
@font-face {
font-family: "cat cafe";
src: url('https://ramonamaxxing.neocities.org/catcafe.ttf');
}
body {
font-family: "cat cafe";
background-image: url(https://i.pinimg.com/originals/ce/7d/33/ce7d33e008c598ac14456e6294fe034f.gif);
}
main {
border: 5px outset #000000;
background-color: #000000;
color: #FFFFFF;
}

nav .links {
background-color: #00000000;
}

nav .top {
background-color: #00000000;
}

.rainbowPan {
display:inline;
  animation: myRainbowPan 1s infinite;
}

@keyframes myRainbowPan {
  0% {
    background: -webkit-linear-gradient(
      45deg,
      #FFFF00,
      #00FFFF,
      #0000FF,
      #FF0000
    );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  25% {
    background: -webkit-linear-gradient(
      45deg,
      #00FFFF,
      #0000FF,
      #FF0000,
      #FFFF00
    );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  50% {
    background: -webkit-linear-gradient(
      45deg,
      #0000FF,
      #FF0000,
      #FFFF00,
      #00FFFF
    );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  75% {
    background: -webkit-linear-gradient(
      45deg,
      #FF0000,
      #FFFF00,
      #00FFFF,
      #0000FF
    );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  100% {
    background: -webkit-linear-gradient(
      45deg,
      #FFFF00,
      #00FFFF,
      #0000FF,
      #FF0000
    );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
}

.profile h1 {
  animation: myRainbowPan 1s infinite;
}

h4 {
  animation: myRainbowPan 1s infinite;
}

.count {
  animation: myRainbowPan 1s infinite}

a:hover {
  color: white;
}

a {
  animation: myRainbowPan 1s infinite;
}

.profile .blurbs .heading, .profile .friends .heading {
  background-color: black;
}

.profile .friends .person p {
  animation: myRainbowPan 1s infinite;
}

.profile .friends .person p:hover {
  color: white;
}

DIV.blog-preview {
  text-align: center;
}

.profile .friends .person img:not(.icon) {
  border-radius: 50px;
  border: 5px outset #000000;
}

.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
  background-color: #000000;
  border: outset 5px #000000;
}

.profile .contact {
  background-color: #000000;
  border: 5px outset #000000;
}

.profile .friends .comments-table td {
  background-color: #000000;
  border: 5px outset #000000;
  color: #FFFFFF;
}

.comments-table td {
  background-color: #000000;
  color: #FFFFFF;
  border: 5px outset #000000;
}

.profile .table-section .details-table td {
  background-color: #000000;
  color: #FFFFFF;
  border: 5px outset #000000;
}

</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 74 comments ( View all | Add Comment )

C.J./Cash	1772150719 Using :D Report Comment
Polkastyle27	1772069722 can i get only the rainbow text code?? Report Comment
rikoreeks	1771253209 using! Report Comment
Bobsponge_55	1767717396 USINGG Report Comment
grrda	1767119336 using!!its soooooooooooo cool! (^_^) Report Comment
Kiwicat	1765439065 Using!! Report Comment
fucking creature!!!!!	1765119616 Using ^_^^^^ this is so epic!!!! Report Comment
Memzsaurus	1764971448 USINGGG!! i wish i could put any kind of "flash warning" in my loading screen, BUT IT LOOKS AMAZING TYSM Report Comment
Memzsaurus	1764971445 USINGGG!! i wish i could put any kind of "flash warning" in my loading screen, BUT IT LOOKS AMAZING TYSM Report Comment
ᵣₑyₛₜᵥᵣ	1764834728 Using!! ITS SO PRETTY<33 Report Comment
jess :03	1764225585 using !! Report Comment
Whit3Jac/k! 🇧🇷	1763942721 usando :3 Report Comment
Bean :3	1762843378 I unintentionally combined this layout with a Nyan cat layout I forgot to delete beforehand, now it looks amazing!! :D Report Comment Update: it did NOT go well I’m just gonna use this one by Bean :3; 1762909942; Report
CHOPTOP <3	1760928786 using!! Report Comment
tylertism	1760137091 usinggg Report Comment
Hahatushka	1758801233 usingg! Report Comment
Bazinga	1757766793 Useing :D Report Comment
doesthisthingevenworklolz	1757758679 zomg gonna use this Report Comment
Wolfter :3	1753387273 usinggg :33 Report Comment
hOlYsErAphISS	1753253885 Lovely! IM GONNA USE THIS FR! XP Report Comment