0PTICAL RAINBOW🌈

Tags: optical, illusion, rainbow, twilaslay0utshack

Description:

Please comment below If you like/use me.

Preview:

Code:

<!-- (c) Layout created by TWILA'S LAY0UT SHACK (https://layouts.spacehey.com/layout?id=570) --> <style>:root { --logo-blue: transparent ; --darker-blue: transparent ; --lighter-blue: transparent ; --even-lighter-blue: transparent ; --lightest-blue: transparent ; --dark-orange: transparent ; --light-orange: transparent ; --even-lighter-orange: transparent ; <style/> <style> html:before { animation: grain 8s steps(10) infinite; background-image: url(https://i.imgur.com/QpnTsrV.jpg); 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>nav { overflow-x: hidden; position: middle; } nav .top { background: transparent; } nav .links { background: rgba(0, 0, 0, 0.3); } nav { background-image: url(http://dl7.glitter-graphics.net/pub/3714/3714037jdklluj6fc.gif); }</style> <style>main:before { width: 100%; height: 350px; display: block; content: ""; background-image: url('http://dl7.glitter-graphics.net/pub/3714/3714037jdklluj6fc.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 New; font-size: 20pt; font-weight: bold; font-style: normal; text-decoration: none; } h1 {   color: black;   text-shadow: 1px 1px 2px red, 0 0 25px purple, 0 0 5px gold; } h1, h2, h3, h4,p {color: black;} :root { --black: black; </style> <style> #comments .inner {     max-height: 545px;     overflow: scroll; } </style> <div class="snowflakes">   <div class="snowflake">    ☆   </div>   <div class="snowflake">   ☆   </div>   <div class="snowflake">   ☆   </div>   <div class="snowflake">   ☆   </div>   <div class="snowflake"> ☆   </div>   <div class="snowflake">   ☆   </div>   <div class="snowflake">     ☆   </div>   <div class="snowflake">     ☆   </div>   <div class="snowflake">     ☆   </div>   <div class="snowflake">     ☆   </div>   <div class="snowflake">     ☆   </div>   <div class="snowflake">     ☆   </div> </div> <style> /* customizable snowflake styling */ .snowflake {   color: purple;   font-size: 1em;   font-family: Arial, sans-serif;   text-shadow: 0 0 5px rgba(0,0,0,0.7); } @-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%,100%{transform:translateX(0)}50%{transform:translateX(80px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}.snowflake:nth-of-type(10){left:25%;-webkit-animation-delay:2s,0s;animation-delay:2s,0s}.snowflake:nth-of-type(11){left:65%;-webkit-animation-delay:4s,2.5s;animation-delay:4s,2.5s} </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:#FFFFFF88} 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(http://dl7.glitter-graphics.net/pub/3714/3714037jdklluj6fc.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(http://dl7.glitter-graphics.net/pub/3714/3714037jdklluj6fc.gif); background-size: cover; background-position: center; } </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 #FFFFFF88; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; background: #FFFFFF88 url(http://dl.glitter-graphics.net/pub/263/263171lxlble1hnk.gif) no-repeat center center; background-size: contain; </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.