Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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.

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

Random Line 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


  1. VS Code (You can use any other code editor)

  2. A modern web browser (Chrome, Firefox, Safari, or Edge).

  3. Access to an internet connection for resource imports.

Contributing

If you'd like to contribute to this project:


  1. Fork the repository on GitHub.

  2. Clone your forked repository to your local machine:

  3. git clone https://github.com/Yashi-Singh-1/Day-30-Random-Line.git

  4. Create a new branch for your feature or bug fix:

  5. git checkout -b feature-name

  6. Make your changes and commit them with a clear and concise message:

  7. git commit -m 'Add new feature or fix'

  8. Push your changes to your forked repository:

  9. git push origin feature-name

  10. Open a pull request to the main repository.

  11. Ensure your pull request includes a detailed description of your changes.

  12. Respond to any feedback or questions during the review process.

We welcome improvements, bug fixes, and additional features that can enhance this Random Line.