Elfen Lied - Lucy/Kaede inspired

Tags: elfen lied, pink, floating, autoplay, simple, anime, dynamic

Description:

-Works better on PC than mobile
-Has autoplay (song used: https://www.youtube.com/watch?v=jjyMuLNy2P8)
-The main body is "floating"
-Feel free to change any of the code if using
-Credit isn't needed, but always appreciated
-To use simply copy and paste into the "about me" section

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by AV0N_01 (https://layouts.spacehey.com/layout?id=92741) -->

<style>
/* Font */
@import url('https://fonts.googleapis.com/css2?family=Audiowide&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@500&family=Yanone+Kaffeesatz&display=swap');
p{
  font-family: 'Yanone Kaffeesatz', sans-serif;
  font-size: 200%;
}
h2,h3,h4,h5{
  font-family: 'Orbitron', sans-serif;
  font-size: 200%;
  color: black;  
</style>

<style>
/* background and profile background */
body{
   background: url(https://cdn.wallpapersafari.com/84/52/dpuqer.jpg) no-repeat fixed; background-size:cover;
}
main {
background: rgba(255, 73, 163, 0.3);
border-radius:15px;
border: 2px solid rgba(255, 73, 163, 0.64)
}
nav .top{
background-color: rgba(255, 73, 163, 0.3);
border-radius:15px;
border: 2px solid rgba(255, 73, 163, 0.64)
}

nav .links{
background-color: transparent;
border-radius: 15px;
border: none
}
footer {
background-color: transparent;
border-radius: none;
border: none
</style>

<style>
/* intro */
body:before {
content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed; 
top: 0; 
left: 0; 
z-index: 100;
background-image: url('https://animesher.com/orig/0/75/756/7567/animesher.com_tear-eye-elfen-lied-756766.gif');
background-size: cover;
background-repeat: no-repeat;
background-position:center;
animation: yourAnimation 2s ease 0s 1 normal forwards;
pointer-events: none;}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 
</style>

<style>
/* colors */
:root {
    --logo-blue: black;
    --darker-blue: black;
    --lighter-blue: rgba(255, 73, 163, 0.64);
    --even-lighter-blue: ;
    --lightest-blue: ;
    --dark-orange: black;
    --light-orange: rgba(255, 73, 163, 0.64);
    --even-lighter-orange: black;
    --green: pink;
}
</style>

<style>
/* custom online status */
<style>
.general-about{
  position: relative;
  margin-top: 30px;
}
.online {
    content: url(http://www.myspacegens.com/images/online_now/111.gif);
}
</style>

<style>
/* round edges on pfp */
.profile .profile-pic img{
border-radius: 30px;
border: 2px solid rgba(255, 73, 163, 0.64)
}
</style>

<style>
/* cursor */
body { cursor: url('data:image/x-icon;base64,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'), auto; }</style>

<style>
/* floating effect*/
.col, main, footer, nav .links, nav .top, html::before {
animation: float 3s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
@keyframes float {
0% { transform: translate(0, 0px);
}
50% {
transform: translate(0, 8px);
}
100% {
transform: translate(0, -0px);
}

}
</style>

<style>
/* name */
h1{
  background: url('https://media1.giphy.com/media/eHdZZgmLheaqRT6kVX/giphy.gif?cid=ecf05e47vsms3tnw0a42hv4x87p9odj9nunro4bbeujmuymy&ep=v1_gifs_related&rid=giphy.gif&ct=g') repeat;
  color: transparent;
  background-clip: text;
  font-family: 'Audiowide', sans-serif;
</style>


<style>
/* custom 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 {
/* add to friends */
content: "❥"
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* add to favorite */
content: "❥"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send a message */
content: "❥"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* forward to friend*/
content: "❥"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* instant message */
content: "❥"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* block user */
content: "❥"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* add 2 group  */
content: "❥"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report */
content: "❥"

}
</style>

<style>
/* spacehey logo */
.logo {

content:url("https://i.postimg.cc/Wpy15JF1/spacehey-logo-black.png");

}
</style>

<style>
/* friend pfp border */
 .profile .friends .person img {
        border-radius: 30px;
border: 2px solid rgba(255, 73, 163, 0.64)
    }
</style>

<iframe width="0" height="0" src="https://www.youtube.com/embed/jjyMuLNy2P8?si=3UzoNowLC0gmnQnK//?&;amp;;autoplay=1&;loop=1&;controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">
</iframe>

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

HonestBonehead	1711917166 Using!! :D Report Comment
Astro	1707760641 Using ^^ Report Comment
nata	1705976563 USING !!!x333 Report Comment
CalliKush	1703776139 Using it’s too pretty not too<3 Report Comment aaaa tysm!!!! :D by AV0N_01; 1703794081; Report
vampkoko400	1703706165 using, loveee elfen lied, cool layout too Report Comment tysmmm! :D by AV0N_01; 1703773096; Report
MetalHeart	1703628168 omg i love elfen lied Report Comment CNA WE MARRY by vampire's coat (alehhh) 🍉; 1703631205; Report LMAO by MetalHeart; 1703635010; Report BEGS ON MAH KNEES...... by vampire's coat (alehhh) 🍉; 1703635059; Report
vampire's coat (alehhh) 🍉	1703621254 THANKS A LOT ITS SO COOL IM GONNA USE IT Report Comment aaaa I'm so glad you like it!! tysmmmm :D by AV0N_01; 1703628970; Report NO PROBLEM!!!! THANKS FOR THE EFFORT <3333 by vampire's coat (alehhh) 🍉; 1703631192; Report No worriesss, it was rly fun to do!! o(≧▽≦)o by AV0N_01; 1703694102; Report