Report Blog Entry
After messing around a bit, I got this code for making little red balloons float around on your profile! Just copy and paste the code below into the about me section! also feel free to adjust it however you'd like! My dms are open if you have any questions! :3 ( also they go in a sort of line across the screen because i wanted to make it easy to adjust however you wanted. Just change the animation delay number to whatver you'd like.)
<style>
.balloon {
position: absolute;
font-size: 30px; /* Adjust size as needed */
animation: float 5s linear infinite;
}
@keyframes float {
0% { transform: translateY(0); }
100% { transform: translateY(-100vh); }
}
</style>
<div class="balloon" style="left: 10vw; animation-delay: 0s;">🎈</div>
<div class="balloon" style="left: 30vw; animation-delay: 1s;">🎈</div>
<div class="balloon" style="left: 50vw; animation-delay: 2s;">🎈</div>
<div class="balloon" style="left: 70vw; animation-delay: 3s;">🎈</div>
<div class="balloon" style="left: 90vw; animation-delay: 4s;">🎈</div>
.balloon {
position: absolute;
font-size: 30px; /* Adjust size as needed */
animation: float 5s linear infinite;
}
@keyframes float {
0% { transform: translateY(0); }
100% { transform: translateY(-100vh); }
}
</style>
<div class="balloon" style="left: 10vw; animation-delay: 0s;">🎈</div>
<div class="balloon" style="left: 30vw; animation-delay: 1s;">🎈</div>
<div class="balloon" style="left: 50vw; animation-delay: 2s;">🎈</div>
<div class="balloon" style="left: 70vw; animation-delay: 3s;">🎈</div>
<div class="balloon" style="left: 90vw; animation-delay: 4s;">🎈</div>
Comments
Displaying 0 of 0 comments ( View all | Add Comment )