Falling sakura petals and flowers

Hey I made sakura blossom petal and flower animations for my own page so I might as well share them here along with code for a falling effect that I took from someone else (it's been reposted a lot so idk where it originally came from).

I made these in like 15 minutes but if you like them and just wanna take the gifs and put them on your page, feel free to right click -> copy image link! If you got no clue how to code images in, then just put this code in your profile, replacing the 'YOUR LINK HERE' with the link you got:

and voila, it's in. Leave a comment if u end up using my sakura blossoms and wanna show off, i'll check it out :3

Also, here's the full code for a falling effect over your entire page. Copy/paste it into your about me!

<style>

/* customizable snowflake styling */
.snowflake {
color: white;
font-size: 1em;
font-family: Arial, sans-serif;
text-shadow: 0 0 5px black;
}

@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;user-select:none;cursor:default;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%;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;animation-delay:3s,1.5s}.snowflake:nth-of-type(10){left:25%;animation-delay:2s,0s}.snowflake:nth-of-type(11){left:65%;animation-delay:5s,.5s}.snowflake:nth-of-type(12){left:15%;animation-delay:7s,2.5s}.snowflake:nth-of-type(13){left:35%;animation-delay:4s,2s}.snowflake:nth-of-type(14){left:45%;animation-delay:8s,.5s}.snowflake:nth-of-type(15){left:55%;animation-delay:0s,2.5s}.snowflake:nth-of-type(116){left:75%;animation-delay:10s,2.5s}

</style>

5 Kudos