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

svengar	1745761921 using!! Report Comment
Tykasa Jupiter !	1740701577 Using! Report Comment
Shadow	1740372813 using "3 Report Comment
Eduarda 🍓	1739310739 using! Report Comment
CamillaH	1737842263 i love this! well done c: using <33 Report Comment
sᥲm . ★	1730753296 Using! Report Comment
ASTR0_B3ARZ	1727486349 using this! so cute! Report Comment
☆ Vee/Moth ☆	1726878833 Using this!!! Report Comment
kitfyy	1726836338 using!" Report Comment
adxreiti ·˚ ༘₊· ͟͟͞͞꒰➳	1721589145 Using:) Report Comment
G0RIX0L0GY	1718053426 using Report Comment
Tusya	1716239418 using^^ Report Comment
ylik223	1715289044 Garry's Mod error texture XD Report Comment
Astell_🍰	1708270145 Usingg!! Report Comment
imnotstella	1706409138 usandoo, gracias! Report Comment
Ducky	1702253493 using :D Report Comment
Ducky	1702253492 using :D Report Comment
M_D	1701462760 Using Report Comment
Purple/Starz ☆⌒(*＾-゜)v	1691290510 using! :> Report Comment
ORiO	1691129704 using! :3c Report Comment