https://github.com/msarmadqadeer/gradient-background-generator

This web page can generate gradient backgrounds for you that you can use in your designs. Its created with the concept of DOM manipulation.
https://github.com/msarmadqadeer/gradient-background-generator

css dom-manipulation gradient-background html js

Last synced: about 6 hours ago
JSON representation

This web page can generate gradient backgrounds for you that you can use in your designs. Its created with the concept of DOM manipulation.

• Host: GitHub
• URL: https://github.com/msarmadqadeer/gradient-background-generator
• Owner: MSarmadQadeer
• Created: 2022-01-20T11:14:22.000Z (over 4 years ago)
• Default Branch: main
• Last Pushed: 2022-01-21T07:06:17.000Z (over 4 years ago)
• Last Synced: 2025-12-30T10:00:06.332Z (4 months ago)
• Topics: css, dom-manipulation, gradient-background, html, js
• Language: CSS
• Homepage: https://msarmadqadeer.github.io/gradient-background-generator/
• Size: 592 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# gradient-background-generator

This is a web page that is created in HTM, CSS and JS. This page is created with the concept of DOM manipulation with JS.

### that's cool :cherry_blossom:

By using this web page you can generate cool looking backgrounds for your designs in real time.

## screen shots :camera_flash:

![](./screens/screen1.png)

![](./screens/screen3.png)

## guide :sparkles:

- [x] By clicking on any of the two-color buttons, a color selection screen appears from where you can change the color of a specific side.

![](./screens/screen2.png)




- [x] If you want to use it in your CSS, copy that line and put it into your CSS.

![](./screens/screen4.png)

## site link :link:

By [Clicking Me](https://msarmadqadeer.github.io/gradient-background-generator/) you'll see the live version of this project. If you like the project, star ⭐ the repo!