Purple Scene/Anime Layout (With Animations)

Tags: anime, scene, scenecore, glitchcore, aesthetic, kuromi, sanrio, emo, alternative, purple

Description:

aaaa hai!! this is the first layout i've ever published c:

+ feel free to edit the css as much or as little as you'd like

+ credit isn't needed, feel free to remove the hyperlink

okeyokey bye

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by Prince's CSS Lab  (https://layouts.spacehey.com/layout?id=3592) -->

<style>
/*PROFILE PICTURE ANIMATION*/
.profile-pic img {
  display: inline-block;
  width:100%;
  height:auto;
  animation: pop 1s ease-in-out infinite alternate;
  border: 5px solid black;
  overflow: hidden;          
}
#whitespace img {
  display: block;
   width:100%;
  height:auto; }
@keyframes
pop {
from { transform:scale(0.95) }
50% { transform:scale(1) }
to { transform:scale(0.95) }}

/*CONTACT ICONS*/
.contact .inner a img {font-size: 0;}
.contact .inner a img:before {font-size: 1em; display: block}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {content: "" url(https://cutekawaiiresources.files.wordpress.com/2016/11/kuromi-7.gif?w=20&zoom=2);}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {content: "" url(https://cutekawaiiresources.files.wordpress.com/2016/11/kuromi-bullet-15.gif?w=20&zoom=2);}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {content: "" url(https://cutekawaiiresources.files.wordpress.com/2016/11/kuromi-61.gif?w=20&zoom=2);}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {content: "" url(https://cutekawaiiresources.files.wordpress.com/2016/11/kuromi-5.gif?w=20&zoom=2);}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {content: "" url(https://cutekawaiiresources.files.wordpress.com/2016/11/kuromi-11.gif?w=20&zoom=2);}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {content: "" url(https://cutekawaiiresources.files.wordpress.com/2016/11/kuromi-bullet-11.gif?w=20&zoom=2);}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {content: "" url(https://cutekawaiiresources.files.wordpress.com/2016/11/kuromi-3.gif?w=20&zoom=2);}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {content: "" url(https://cutekawaiiresources.files.wordpress.com/2016/11/kuromi-bullet-12.gif?w=20&zoom=2);}

/*ONLINE*/
p.online {font-size: 0px;}
p.online::after{content: "BOZO'S ONLINE!!!";
color: #000;
font-size: 10px;}
.online img {content: url(https://media.discordapp.net/attachments/817835079946600498/873633688573849640/image1.gif);
font-size: 10px;}

/*BACKGROUND*/
body {
 background-image: url("https://www.xmple.com/wallpaper/black-purple-checkered-squares-1920x1080-c2-000000-ba55d3-l-140-a-10-f-2.svg");
 background-color: #000000;
 background-size: cover;}

/*LINKS, CONTACT & INTERESTS: BORDERS AND COLORS*/
.profile .contact, .profile .url-info, .profile .table-section, .home-actions {border: 7px double #000;}
.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {background-color: #000;}
.details-table td {background-color: #C3B1E1;}
.details-table td:first-child {background-color: #B799D1;}
.details-table td p {color: black;}
.profile .blurbs .heading, .profile .friends .heading {background-color: #000; color: #D076DE;}
.profile .blurbs .section h4 {color: #000;}

/*MARQUEE CODE*/ 
#text {
text-shadow: -1px 0 #DA6C8C, 0 1px #DA6C8C, 1px 0 #DA6C8C, 0 -1px #DA6C8C, 0 0;
 font-style: bold;
 font-size:2em;
 font-weight:bold; 
 color: #ffffff;}

* {cursor: url('https://cur.cursors-4u.net/others/oth-6/oth585.cur'), auto !important;}
.url-info {display: none !important;}
a {color: #BC85D4;}

#container, .profile .friends .person img:not(.icon), .profile-pic img {
  display: inline-block;
  margin: 20px;
  border: 0px solid #fff;
  overflow: hidden; }
#container img, .profile .friends .person img:not(.icon), .profile-pic img {
  display: block;
  transition: transform .4s; 
    width: 100px;
    height: auto;}
#container:hover img, .profile .friends .person img:not(.icon):hover, .profile-pic img:hover {
  transform: scale(1.3);
  transform-origin: 50% 50%;
  webkit-filter: blur(2px);
filter: blur(2px);}

.profile .friends .person img:not(.icon){filter: grayscale(100%);}

/*UNIVISTED LINK*/
a:link {
  color: #a020f0;}
/*VISITED LINK*/
a:visited {
  color: #b24bf3;}
/*MOUSE OVER LINK*/
a:hover {
  color: #593876;}
/*SELECTED LINK*/
a:active {
  color: #880ed4;}

.profile .blurbs .inner, .profile .friends .inner, .blog-entry .comments .inner, .bulletin .comments .inner {padding: 3px;
text-align: center;}

.count {color: #6c0ba9;}

/*NAV & FOOTER*/
nav .links, footer .links {margin-bottom: 7px; 
margin-top: 7px;
border-radius: 10px;
background-color: #000;
color: #fff;
text-align: center;}
nav .links li:not(:last-child)::after,
footer .links li:not(:last-child)::after{
 content: " ♬";
 color: #c576f6;
}
nav .top, main, footer {border-radius: 10px;}
footer {background: #000;}
footer p {color: #fff !important;}

/*NAV BACKGROUND*/ 
    nav .top {
        background-image: url(https://thumbs.gfycat.com/TerrificLightheartedGermanspaniel-max-1mb.gif);
        background-size: 380px;
        background-position: center;
        border-style: 3px solid white;
margin-top: 7px;} 

.profile-info {border: 3px dashed #000;}

.icon, .award img {
    content: url(https://cutekawaiiresources.files.wordpress.com/2016/11/kuromi-10.gif?w=20&zoom=2);
    display: inline-block;
    height: 2.0em;
    width: 2.0em;
    margin: 0 .05em 0 .1em;
    vertical-align: -0.3em;
    color: rgba(0,0,0,0);}
</style>

<div id="#text"> <marquee><p><b>YOUR TEXT HERE</b></p></marquee>
</div> 

<div id="container">
<div id="img"><img src="https://i.pinimg.com/564x/4e/cf/45/4ecf459fb9ec1b87f833f190a406fbf5.jpg"/></div>
</div>
<div id="container">
<div id="img"><img src="https://i.pinimg.com/564x/94/57/77/945777b1c96397026dd954fa2ab1d723.jpg"/></div>
</div>
<div id="container">
<div id="img"><img src="https://i.pinimg.com/564x/77/ed/91/77ed91a8345aedac20dc511a4acd6f0e.jpg"/></div>
</div>

<a href="https://spacehey.com/69420">layout by prince</a>

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

𝙰𝚜𝚝𝚎𝚕𝚕	1708270145 Usingg!! Report Comment
imnotstella	1706409138 usandoo, gracias! Report Comment
Ducky	1702253493 using :D Report Comment
Ducky	1702253492 using :D Report Comment
Muui	1701462760 Using Report Comment
Purple/Starz ☆⌒(*＾-゜)v🍉	1691290510 using! :> Report Comment
ORiO	1691129704 using! :3c Report Comment
weedinducedpie	1689713931 Using!^_^ Report Comment
PL0TW1ST.	1688762488 Usingg Report Comment
kuu	1688401507 using ! Report Comment
sane	1687183374 im using it! it's soo adorable, tysm <3 Report Comment
Gorixology	1682264482 using and thank you so much Report Comment
strwbrrybat	1681303612 using!! tysm for this layout i love it it's so cute Report Comment
aisen	1678820090 using!! Report Comment
Cloudys	1678302767 Hiya! Just to let you know i'm using it! it's so cool!! thank you! Report Comment
Moop!!!	1674331768 Im using the contact icons! Thank u for making this, its perfect!!!! Report Comment
Laís	1674136596 Hey! I'm using this. It's so cute! tyty Report Comment
marz	1671401244 this is the cutest !! thank u for making this <3 Report Comment
DEGENEROSITY	1670863518 YESS!!! ILI!! :D Report Comment
null	1660675165 thank u! i’ll b using thiss ^^ Report Comment