Late night - v.3.0

Tags: kpop; redvelvet; kawaii;

Description:

kawaii

switch out picture or background with whatever you want.

profile body will switch colors in set pattern that you can change also.

Preview:

click on the image for a larger preview

Code:

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


<style>
h4 {
    color: white;
}
 .count {
    color: white;
}
.profile .blurbs .section h4 {
    color: white;
}
.profile .friends .person p {
    color: orange;
}

main {
     background-color: rgba(0,0,0,0.5);
}
body {
    background: url(https://i0.wp.com/gifupnow.com/wp-content/uploads/2018/07/Mountain-motel-pixelart-animation-scene-scenery.gif)
    no-repeat center center fixed, radial-gradient(farthest-corner at 30vw 20vh,#7397a1 1%,#3f2c41 100%);;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color: white;
  }
  nav .top{ 
      background-image: url("https://i.pinimg.com/originals/23/5e/7e/235e7ec5daede37ea2cdacec360a9cda.gif");
      height: 250px;
      background-repeat: no-repeat;
      background-position: center;
      background-color: rgba(0,0,0,0.5);
      
  }
  


.profile {
    color: darkorange;
    font-size: 14px;
    font-weight: bold;
    height: 1350px;
    width: 1010px;
    position: relative;
    right: 100px;
    text-align: center;
  background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
    background-size: 400% 400%;
    animation: gradient 8s ease infinite;
}
@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}
    .section {
  position: relative;
  top: 0;
  left: 0;
  width: 450px;
  height: 280px;
  
  background-size: cover;
}

 
</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.

Comments

Displaying 0 of 0 comments ( View all | Add Comment )