Hellokitty simply glittertastic

Tags: simple, glitter

Description:

Hello this is the first layout that I share and hopefully i can share more with y'all. In this layout you can go back and change the color of the words if you like add whatever you like. Hope you like it. CLICK ON PREVIEW TO SEE IT BIGGER. If you like this layout and use it let me know in the comment section and make sure to come back to see the other layouts I created. Thank you so much.

Preview:

Code:

<!-- (c) Layout created by Caribe (https://layouts.spacehey.com/layout?id=24563) --> <!--(c) Layout created by Caribe (https://spacehey.com/cari_be) --> <style> @keyframes spin{ from{ transform:rotate(0deg); } to{ transform:rotate(-360deg); } } .general-about .profile-pic img{ border-radius: 50%; animation: spin 20s infinite linear; } </style> <style>.contact { border-radius: 25px; background: url(https://i.pinimg.com/originals/23/04/0f/23040f76b80cc54d0571134432d1b3df.gif); background-position: left top; background-repeat: repeat; padding: 20px; width: 250px; height: 150px; </style> body {background: url("https://data.whicdn.com/images/197122776/original.gif") no-repeat fixed; background-size:cover; <style> html:before { animation: grain 8s steps(10) infinite; background-image: url(http://dl2.glitter-graphics.net/pub/711/711492quxsntt3op.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>* {cursor: url(https://cur.cursors-4u.net/anime/ani-12/ani1134.ani), url(https://cur.cursors-4u.net/anime/ani-12/ani1134.png), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2011/12/01/hello-kitty-touching-lip.html" target="_blank" title="Hello Kitty Touching Lip"><img src="https://cur.cursors-4u.net/cursor.png" alt="Hello Kitty Touching Lip" style="position:absolute; top: 0px; right: 0px;"/></a> <style> </style> <style> :root { --topic1: "GENERAL!"; --topic2: "MUSIC!"; --topic3: "MOVIES!"; --topic4: "TELEVISION!"; --topic5: "BOOKS!"; --topic6: "HEROES!"; } .table-section:not(:last-child) .details-table tr td:first-child p{color:transparent !important;text-shadow: none !important;letter-spacing: -100px;} .details-table tr td:first-child p::after{ color:white !important; letter-spacing:normal !important; text-shadow: 2px 2px black !important; /* CHANGE COLOR OF INTEREST LABELS HERE */ filter: brightness(95%) !important; } .table-section:not(:last-child) .details-table tr:nth-child(1) td:first-child p::after{ content: var(--topic1); } .table-section:not(:last-child) .details-table tr:nth-child(2) td:first-child p::after{ content: var(--topic2); } .table-section:not(:last-child) .details-table tr:nth-child(3) td:first-child p::after{ content: var(--topic3); } .table-section:not(:last-child) .details-table tr:nth-child(4) td:first-child p::after{ content: var(--topic4); } .table-section:not(:last-child) .details-table tr:nth-child(5) td:first-child p::after{ content: var(--topic5); } .table-section:not(:last-child) .details-table tr:nth-child(6) td:first-child p::after{ content: var(--topic6); } </style> /*======🟡💥========= on the "heroes" box I put the following: <a href="https://www.glitter-graphics.com"><img src="http://dl10.glitter-graphics.net/pub/29/29820z2qdwfxjob.gif" width="145" height="194"/></a><br/><a href="https://www.glitter-graphics.com" target="_blank"></a> but you can put it in the "ABOUT ME" or "WHO I'D LIKE TO MEET" ========🟡💥======/*

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.