Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/yashi-singh-1/day-30-random-line
What can I say, it is a line. A line that moves and circles something. What should it be? That's for you to decide.
https://github.com/yashi-singh-1/day-30-random-line
100-days-css 100-days-css-challenge 100dayscss css-challenge css3 csschallenge html-css html5 htmlcss web-design webdesgn
Last synced: 4 days ago
JSON representation
What can I say, it is a line. A line that moves and circles something. What should it be? That's for you to decide.
- Host: GitHub
- URL: https://github.com/yashi-singh-1/day-30-random-line
- Owner: Yashi-Singh-1
- Created: 2024-07-09T15:44:06.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2024-07-09T15:54:47.000Z (4 months ago)
- Last Synced: 2024-07-09T20:18:24.634Z (4 months ago)
- Topics: 100-days-css, 100-days-css-challenge, 100dayscss, css-challenge, css3, csschallenge, html-css, html5, htmlcss, web-design, webdesgn
- Language: CSS
- Homepage:
- Size: 209 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Random Line
Challenge Description
This project demonstrates a simple yet captivating animation of a line that moves and circles around. The animation includes two white circles that pulse and change their positions. The background also transitions through various colors, creating a dynamic visual effect.
Preview
Live Demo
Check out the live demo here.
Credits
This search component is based on a design from 100 Days CSS Challenge - Day 30, with modifications made to suit project requirements.
Prerequisites
- HTML and CSS Basics
Tools Used
- VS Code (You can use any other code editor)
- A modern web browser (Chrome, Firefox, Safari, or Edge).
- Access to an internet connection for resource imports.
Contributing
If you'd like to contribute to this project:
- Fork the repository on GitHub.
- Clone your forked repository to your local machine:
- Create a new branch for your feature or bug fix:
- Make your changes and commit them with a clear and concise message:
- Push your changes to your forked repository:
- Open a pull request to the main repository.
- Ensure your pull request includes a detailed description of your changes.
- Respond to any feedback or questions during the review process.
git clone https://github.com/Yashi-Singh-1/Day-30-Random-Line.git
git checkout -b feature-name
git commit -m 'Add new feature or fix'
git push origin feature-name
We welcome improvements, bug fixes, and additional features that can enhance this Random Line.