Flower layout with following flowers animation

Tags: katie, flowers, cute, simple

Description:

If you like this style, you can use it in your profile, BUT at least, ADD ME or COMMENT BELOW and give me some kudos! I spent time for making this layout!!! Credits are appreciated (a post, a bulletin or something else that can support me) You have permission to use this for your Layout only, you don't have permission to post elsewhere without giving a link to the original crediting me🌼

🌼

Preview:

click on the image for a larger preview

Code:

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

<style>

  .profile .contact, .blog-preview, .profile .url-info, .profile .table-section, .home-actions, .profile .blurbs, .profile .friends, .blog-entry .comments, .mood, .details { 
display: inline-block;}

IMG { -webkit-transform: scale(1) rotate(2deg) skewY(-5deg) skewX(10deg);
transform: scale(1) rotate(2deg) skewY(-5deg) skewX(10deg);}

:root {--logo-blue: ;
--darker-blue: ;
--lighter-blue: #;
--even-lighter-blue: ;
--lightest-blue: ;
--dark-orange: #;
--light-orange: #;
--even-lighter-orange: #;
}

Main, footer { background-color: #0000;}

Body { 
text-align: center;}
}

</style>

<style>

table, th, td {
  border: 0px solid #1b03a300 ;
}

.comment-replies { border: 0px solid #1b03a300 ;
}

IMG { -webkit-filter: hue-rotate(142deg);
filter: hue-rotate(142deg);}

H1, H4, body, p, b, a, main { 
text-transform: capitalize;
    font-family: Cherry Swash, display;
    font-size: 16px;
  Color: #790604;}

Body { background: #000000 url(https://bhf-cdn.azureedge.net/bhf-blob-prod/0020139_delphine-white-floral-trail-wallpaper_600.jpeg) repeat left top;
background-size: contain;}

</style>





<div class="snowflakes">


  <div class="snowflake">


   🌼


  </div>


  <div class="snowflake">


  🌼


  </div>


  <div class="snowflake">


  🌼


  </div>


  <div class="snowflake">


  🌼


  </div>


  <div class="snowflake">


  🌼


  </div>


  <div class="snowflake">


  🌼


  </div>


  <div class="snowflake">


    🌼


  </div>


  <div class="snowflake">

    🌼


  </div>


  <div class="snowflake">


    🌼


  </div>


  <div class="snowflake">


    🌼


  </div>


  <div class="snowflake">


    🌼


  </div>


  <div class="snowflake">


    🌼


  </div>


</div>


<style>


/* customizable snowflake styling */


.snowflake {


  color: purple;


  font-size: 1em;


  font-family: Arial, sans-serif;


  text-shadow: 0 0 5px rgba(0,0,0,0.7);


}





@-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>

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

Lynn	1695515623 Using!!!! Report Comment
Mais❀	1692921307 using Report Comment
angelina	1688788151 using the falling animation, thank you ! Report Comment
Lilyzz6969	1680114058 ty!! Report Comment
jo	1679933270 super cute!! Report Comment
Daisy B	1679519972 Thx for the layout!! Report Comment
lueur	1670819928 thanks for the layout!! Report Comment
lueur	1670819769 thanks for the layout!! Report Comment
Kyle	1669053795 will use some of this as inspiration!! Report Comment
Mitch	1662689421 This layout looks super cute!! Report Comment
Becky	1646693109 Thanks for the layout ️ Report Comment
Tammy Lester (Church)	1633727927 I love the layout! ️ Report Comment
Laedee	1622343538 My goodness, i really would like to use this Layout! I will definitely adding you! Any tips on how you did this? I'm new on myspace I just started today! Report Comment