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

Julie	1740714482 usin Report Comment
Lena!!	1739060267 usinggg Report Comment
𝓬𝓱𝓮𝓷𝓸𝓪	1737320901 is so pretty. I'm gonna use it ️️ Report Comment
Genevieve	1737282669 thank you for the layout!! using <3 Report Comment
Will :-)	1737040839 Using this. Report Comment
rome	1720445811 using! Report Comment
garfuccino	1719266118 using Report Comment
L3tty_H0MESTUCK	1716551500 Using Report 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