<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>
Comments
Displaying 4 of 4 comments ( View all | Add Comment )
๐ฆPigultrastar๐ฆ
Thanks so Much ๐ฆ๐
Report Comment
Ellie <3
hiya thanks soooooooooo much for this post! I'mma do mine into cute lil hearts! do i just past this into where the rest of my style code as it is or does it have to go in like the body bit or something? tried pasting it just as is into the end of my style code and it didnt seem to work!
Report Comment
Anya
this is awesome, thanks
Report Comment
โจ๐๐ฒ๐ช๐ฟ๐ธ๐ท๐ฝ๐ฎ ๐ข๐ฑ๐ช๐พ๐ฟ๐ธ๐ทโจ
I'm trying Soo hard lmaooo I almost got it, but it was only in the one section and not on my entire profile help plZ
Report Comment