Jennifer's body

Tags: animation, jennifer's body, music, simple, loop, jennifer check
Description:

This is a layout I designed for my own personal use. I hope you find it enjoyable. Change whatever you want to change I cant stop you.
Preview:

click on the image for a larger preview
Code:

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

<style>
body:before {
content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed; 
top: 0; 
left: 0; 
z-index: 100;
background-image: url("https://i.pinimg.com/originals/0c/8b/a9/0c8ba9848003a31e7ca0f0a4d4f5bb0d.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>

<div class="snowflakes">
<div class="snowflake"><img src="https://64.media.tumblr.com/407eadb014e6775406ae4e04e14af0c2/177c57b2f4c44578-d1/s75x75_c1/0407a8cce5b3b15d41f63c656a11bbfb815200ab.gifv"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/407eadb014e6775406ae4e04e14af0c2/177c57b2f4c44578-d1/s75x75_c1/0407a8cce5b3b15d41f63c656a11bbfb815200ab.gifv"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/407eadb014e6775406ae4e04e14af0c2/177c57b2f4c44578-d1/s75x75_c1/0407a8cce5b3b15d41f63c656a11bbfb815200ab.gifv"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/407eadb014e6775406ae4e04e14af0c2/177c57b2f4c44578-d1/s75x75_c1/0407a8cce5b3b15d41f63c656a11bbfb815200ab.gifv"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/407eadb014e6775406ae4e04e14af0c2/177c57b2f4c44578-d1/s75x75_c1/0407a8cce5b3b15d41f63c656a11bbfb815200ab.gifv"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/407eadb014e6775406ae4e04e14af0c2/177c57b2f4c44578-d1/s75x75_c1/0407a8cce5b3b15d41f63c656a11bbfb815200ab.gifv"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/407eadb014e6775406ae4e04e14af0c2/177c57b2f4c44578-d1/s75x75_c1/0407a8cce5b3b15d41f63c656a11bbfb815200ab.gifv"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/407eadb014e6775406ae4e04e14af0c2/177c57b2f4c44578-d1/s75x75_c1/0407a8cce5b3b15d41f63c656a11bbfb815200ab.gifv"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/407eadb014e6775406ae4e04e14af0c2/177c57b2f4c44578-d1/s75x75_c1/0407a8cce5b3b15d41f63c656a11bbfb815200ab.gifv"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/407eadb014e6775406ae4e04e14af0c2/177c57b2f4c44578-d1/s75x75_c1/0407a8cce5b3b15d41f63c656a11bbfb815200ab.gifv"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/407eadb014e6775406ae4e04e14af0c2/177c57b2f4c44578-d1/s75x75_c1/0407a8cce5b3b15d41f63c656a11bbfb815200ab.gifv"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/407eadb014e6775406ae4e04e14af0c2/177c57b2f4c44578-d1/s75x75_c1/0407a8cce5b3b15d41f63c656a11bbfb815200ab.gifv"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/407eadb014e6775406ae4e04e14af0c2/177c57b2f4c44578-d1/s75x75_c1/0407a8cce5b3b15d41f63c656a11bbfb815200ab.gifv"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/407eadb014e6775406ae4e04e14af0c2/177c57b2f4c44578-d1/s75x75_c1/0407a8cce5b3b15d41f63c656a11bbfb815200ab.gifv"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/407eadb014e6775406ae4e04e14af0c2/177c57b2f4c44578-d1/s75x75_c1/0407a8cce5b3b15d41f63c656a11bbfb815200ab.gifv"/></div>
</div>

<style>
    @-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%,100%{transform:translateX(0)}50%{transform:translateX(80px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}.snowflake:nth-of-type(10){left:25%;-webkit-animation-delay:2s,0s;animation-delay:2s,0s}.snowflake:nth-of-type(11){left:65%;-webkit-animation-delay:4s,2.5s;animation-delay:4s,2.5s}
</style>

<style>
nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {
        content: " 𖦹 ";
        color: white;
    }
    
    body {
        background-image: url(https://i.pinimg.com/originals/50/76/30/507630b94fe88e8edb8520c5a1ce46af.gif);
        background-size: cover;
        background-attachment: fixed;
    }
    
a:hover{
 cursor: url('http://www.rw-designer.com/cursor-view/11321.png'), auto !important;
}
* {
 cursor: url('http://www.rw-designer.com/cursor-view/11321.png'), auto;

}
    nav .top {
        background-image: url(https://i.pinimg.com/564x/d8/8d/02/d88d02c5e585bd45bce0fac452fd667f.jpg);
        background-size: 490px;
        padding: 30px;
        background-position: center;
        border-radius: 30px;
        border-style: none;
        border-color: black;
        box-shadow: 0px 0px 0px;
        color: hotpink;
    }  

    .logo{
  /* Start the shake animation and make the animation last for 0.5 seconds */
  animation: shake 0.5s;

  /* When the animation is finished, start again */
  animation-iteration-count: infinite;
}

@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }

}

.links .special a:link, .links .special a:visited  {
  color: white;
}

.links .special a:hover {
  color: white;

}

nav .links li .icon {

content: url(https://external-media.spacehey.net/media/sVAFd-5pZWRHc5PNf3PWvKh2Wewl-0UCP4bekG7mTt5Q=/https://64.media.tumblr.com/2fc3c6a7079d6a526f8428606044e8f6/6a343008b968ef28-9a/s75x75_c1/24689e56c3f14d061dd0f8eb29f7ca60faf55588.gif);

width: 20px;

height: 20px;

margin: 3px;

filter: hue-rotate(330deg) drop-shadow(1px 1px black);

}
    .profile {
        background-image: transparent;
        background-size: cover;
        background-attachment: fixed;
        border-radius: 20px;
        border-style: none;
        border-color: black;
        box-shadow: 0px 0px 0px;

    }
    
    main {
        background-color: transparent;
 color: pink;
        text-shadow: 2px 2px 2px hotpink;

    }
    
   .profile h1{
font-size: 30px !important;
line-height: 0.9em;
 letter-spacing: 0.02em;
 text-transform:bold !important;
 text-shadow: 0px 0px 6px ;
  @import url('https://fonts.googleapis.com/css2?family=Bad+Script&family=Bungee+Hairline&family=Dancing+Script&display=swap');
font-weight:normal;
text-align: centre;
  animation: color-change 2s infinite;
}

@keyframes color-change {
  0% { color: hotpink; }
  50% { color: red; }
  100% { color: hotpink; }

}

    nav .links {
        background-color: transparent;
        text-shadow: 0px 0px 5px hotpink; !important
    }
    
    .profile-pic {
        border-style: none;
        border-color: white;
        box-shadow: 0px 0px 10px;
        border-radius: 7px;
        overflow: hidden;
        animation-name: example;
        animation-iteration-count: infinite;
        animation-duration: 1.4s;

    }

 .general-about .profile-pic img {
content: url(https://i.pinimg.com/originals/9b/85/71/9b85711866242b60d18b8b5d7db2880d.gif);

}   
    .profile .contact,
    .profile .url-info,
    .profile .table-section,
    .home-actions {
        border-color: black;
        border-style: none;
        border-radius: 6px;
        overflow: hidden;
        box-shadow: 0px 0px 5px;
}

.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: url("https://external-media.spacehey.net/media/s8z_i_IyC4zDODEb03jIZmpsBOFCt9RoradNVLSLP6A4=/https://64.media.tumblr.com/b9587d63e59d031c783153662d6e6161/f651789587d2564c-e6/s75x75_c1/c21ae6b510b37356d80e308f5bd0d7dc5aa1af2f.gif")

}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {

/* Add to Favorites */

content:  url("https://external-media.spacehey.net/media/s8z_i_IyC4zDODEb03jIZmpsBOFCt9RoradNVLSLP6A4=/https://64.media.tumblr.com/b9587d63e59d031c783153662d6e6161/f651789587d2564c-e6/s75x75_c1/c21ae6b510b37356d80e308f5bd0d7dc5aa1af2f.gif")
}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {

/* Send Message */

content:   url("https://external-media.spacehey.net/media/sdJNXVMNellYPr5l5SvwU9p1mEN6dwnc1QIGmQX9Np8U=/https://64.media.tumblr.com/42f4dbb5dd83f499e2fbcae16e60a4a8/f651789587d2564c-e5/s75x75_c1/e2f14c9403ec86d25118d9c4ae9655ec042626a3.gif")

}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {

/* Forward to Friend */

content:   url("https://external-media.spacehey.net/media/sdJNXVMNellYPr5l5SvwU9p1mEN6dwnc1QIGmQX9Np8U=/https://64.media.tumblr.com/42f4dbb5dd83f499e2fbcae16e60a4a8/f651789587d2564c-e5/s75x75_c1/e2f14c9403ec86d25118d9c4ae9655ec042626a3.gif")

}

.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {

/* Instant Message */

content:   url("https://external-media.spacehey.net/media/sNWHGqTc5v2QZFQBvSqjPSsLE6jT2tHl2ha5D1LNR58g=/https://64.media.tumblr.com/a8274ae0d5362a0eb19a89aecf3046b9/f651789587d2564c-a4/s75x75_c1/ac3b58a9d07320b5d3e1363afa2084c204c274cd.gif")

}

.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {

/* Block User */

content:   url("https://external-media.spacehey.net/media/sNWHGqTc5v2QZFQBvSqjPSsLE6jT2tHl2ha5D1LNR58g=/https://64.media.tumblr.com/a8274ae0d5362a0eb19a89aecf3046b9/f651789587d2564c-a4/s75x75_c1/ac3b58a9d07320b5d3e1363afa2084c204c274cd.gif")

}

.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {

/* Add to Group */

content:  url("https://external-media.spacehey.net/media/sfKKuETRIXU13HwOGdeI1XkTBSiw8rW0gSZYgA09cock=/https://64.media.tumblr.com/3ed5d83768d61d51018404042da6679a/22608f3016a0e6a3-f7/s75x75_c1/25c322e42af72c48d24c764c6fd76f74f9d419d0.gif")

}

.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {

/* Report Profile */

content:  url("https://external-media.spacehey.net/media/sfKKuETRIXU13HwOGdeI1XkTBSiw8rW0gSZYgA09cock=/https://64.media.tumblr.com/3ed5d83768d61d51018404042da6679a/22608f3016a0e6a3-f7/s75x75_c1/25c322e42af72c48d24c764c6fd76f74f9d419d0.gif")

    
}   
    table.details-table td {
        background-color: transparent !important;
        box-shadow: 0px 0px 3px black;
        border-radius: 6px;
    }
    
    .heading {
        margin-top: 3px;
        margin-bottom: 4px;
        background-color: transparent !important;
        color: pink !important;
        border-bottom: 2px dashed;
    }
    
    .container {
        border-radius: 5px 5px 0 0;
        margin-top: 15px;
    }
    
    footer {
        border-radius: 5px;
        border-style: none;
        border-color: black;
        box-shadow: 0px 0px 10px black;
        background-image: url(https://i.pinimg.com/564x/d8/8d/02/d88d02c5e585bd45bce0fac452fd667f.jpg);
        display: block !important;
    }
    
    table.comments-table td {
        background-color:  transparent !important;
        border-style: none;
        box-shadow: 0px 0px 10px;
        overflow: hidden;
        padding: 5px;
    }
    
    .comments-table td:first-child img {
        width: 80px;
        border-radius: 8px;
        border-style: dashed;
        border-color: black;
        overflow: hidden;
        box-shadow: 0px 0px 10px white;
        animation-name: example;
        animation-iteration-count: infinite;
        animation-duration: 1.4s;
    }
    
    .profile .friends .person img {
        border-radius: 8px;
        border-style: none;
        border-color: black;
        box-shadow: 0px 0px 10px white;
        animation-name: example;
        animation-iteration-count: infinite;
        animation-duration: 1.4s;
    }
    
    .blog-preview p {
        font-size: 1.3rem;
        background-color: transparent;
        border-style: dashed;
        box-shadow: 0px 0px 5px;
        padding: 10px;
animation: color-change 3s infinite;

}

@keyframes color-change {
  0% { color: hotpink; }
  50% { color: red; }
  100% { color: hotpink; }

    }

.online { visibility: hidden; } .online img { content: url("https://dl.glitter-graphics.com/pub/576/576021pibmhzwz3n.gif"); 
animation-name: blink; 
 animation-iteration-count: infinite;
        animation-duration: 4s;
visibility: visible; height: 30px; width: 90px;
     
    }
    
    .profile .blurbs .section h4 {
        margin: 0;
        color: pink;
        text-shadow: 2px 2px 2px hotpink;
    }
    
    a {
        color: hotpink;
        text-shadow: 0px 0px 10px white; !important
        text-decoration: none;
    }
    
    a:hover {
        animation:blinkingText 1s infinite;
    }
    
    @keyframes blinkingText{
        0%{     color: red;    }
        50%{    color: hotpink; }
        100%{    color: red; }
}
     
    .comments-table td:first-child {
        background-image: url('https://i.pinimg.com/564x/bb/fc/ef/bbfcef7dcc3a09b8acb3ef45d6c509bf.jpg');
        background-size: 250px;
        background-position: absolute;
    }
    
    .count {
        color: pink;
        text-shadow: 2px 2px 2px hotpink;
    }
    
    .details-table td:first-child {
        background: transparent;
        color: pink;
        text-shadow: 1.3px 1.3px 0px hotpink;
        font-weight: bold;
        width: 33%;
    }

    .profile-info {
        background-image: url('https://i.pinimg.com/564x/ab/b8/ef/abb8efe998818f68f10d10aba662ec1c.jpg');
        background-size: 250px;
        border: none;
        box-shadow: 0px 0px 10px hotpink;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 15px 5px;
        margin-bottom: 10px;
    }

    .profile .friends .person p {
        color: pink;
        text-shadow: 1px 1px 0px none;
        font-weight: bold;
        width: 100%;
        word-break: break-word;
        font-size: 100%;
        text-align: center;
  animation: color-change 2s infinite;

}

@keyframes color-change {
  0% { color: hotpink; }
  50% { color: pink; }
  100% { color: hotpink; }

    }
    
    @keyframes example {
0% {
transform:translate(0px,0.3px);
}
8% {
    transform:translate(0px,0.5px);
}

16% {
    transform:translate(0px,1px);
}

24% {
    transform:translate(0px,1.5px);
}

32% {
    transform:translate(0px,2px);
}

40% {
    transform:translate(0px,2.5px);
}

48% {
    transform:translate(0px,3px);
}

56% {
    transform:translate(0px,3.5px);
}

64% {
    transform:translate(0px,3px);
}

72% {
    transform:translate(0px,2.5px);
}

80% {
    transform:translate(0px,2px);
}

88% {
    transform:translate(0px,1.5px);
}

96% {
    transform:translate(0px,0.5px);
}

100% {
    transform:translate(0px,0.3px);
}

</style>

<iframe width="0" height="0" src="https://www.youtube.com/embed/zeWd24IDbFw//?&;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">


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