search

gupta-ritik / ExpenseTracker

ExpenseTracker is a simple, intuitive web application designed to help you manage your finances effectively. With ExpenseTracker, you can easily record, categorize, and monitor your daily, weekly, and monthly expenses in one convenient place.
https://walletwatcx.netlify.app
MIT License
9 stars 47 forks source link

Falling money Animation with CSS only #43

Open sv410 opened 1 month ago

sv410 commented 1 month ago

Description: This CSS-only animation simulates the effect of money (e.g., dollar bills) falling from the top of the screen to the bottom. The animation gives the illusion of a continuous, random fall, enhancing the visual appeal of your website.

Key Features:

Falling Bills: The animation can be represented using images or div elements styled to look like bills, which will move downwards across the screen. Randomness: Each bill can fall at different speeds and angles to create a more natural, random appearance. Infinite Loop: The animation can be set to repeat indefinitely, simulating a constant flow of falling money. Ease of Implementation: Using only CSS for the animation means there's no need for JavaScript or additional libraries.

sv410 commented 1 month ago

@Maheshwari-Love pls level up to level 2 if u liked my work

Maheshwari-Love commented 1 month ago

@Maheshwari-Love pls level up to level 2 if u liked my work

@sv410 please open single PR for whole task it is not like added single files and raise the PR.... push your css code on the same branch of (html page).... Also make sure to add a SS for output or a video of 20-30sec

gupta-ritik commented 1 month ago

@sv410 any update

sv410 commented 1 month ago

@gupta-ritik have completed the work! added as new.html and stylefallingmoney.css