CSS3 GENERATOR


## Welcome to CSS Generator!

![](https://raw.githubusercontent.com/abhiprojectz/CSS-Generator/master/assets/unnamed%20(2).gif)


This is a css tools collection which can be used to get css codes snippets  easily & quikly including *Shadows* , *Borders* , *Gradients tiles* and Svgs Loaders collection!


![](https://raw.githubusercontent.com/abhiprojectz/CSS-Generator/master/assets/Screenshot_2020-05-01_230509-2-2.jpg)

# Try it:


[live website](https://abhiprojectz.github.io/CSS-Generator/)

[source code on github](https://github.com/abhiprojectz/CSS-Generator)



## Getting Started

All you need is to just a *TAP* and the code gets copied to clipboard! 

Best for even begginers.

> Easy , fast & simple.

### Installing

There is nothing to install for this generator yet all codes are served on the frontend that is your Browser.

### Example 

To get a shadow code for somthing like this:

![](https://raw.githubusercontent.com/abhiprojectz/CSS-Generator/master/assets/Screenshot_2020-05-02_103957-2.jpg)

```

box-shadow: 0px 0px 50px 9px #000000;

```

*Want to edit ? 

just drag the elements input range as per your requirement.

![](https://raw.githubusercontent.com/abhiprojectz/CSS-Generator/master/assets/Screenshot_2020-05-02_103957-1.jpg)

## Svgs

![](https://raw.githubusercontent.com/abhiprojectz/CSS-Generator/master/assets/unnamed%20(1).gif)

A loaders svgs collection just copy the code with a click & insert it into your project quickly



## Screenshots

# Borders:

![](https://raw.githubusercontent.com/abhiprojectz/CSS-Generator/master/assets/Screenshot_2020-05-01_230513-1.jpg)


# Loaders:

![](https://raw.githubusercontent.com/abhiprojectz/CSS-Generator/master/assets/Screenshot_2020-05-06_171320_1.jpg)


## Built With

*HTML*

*CSS*

*JAVASCRIPT*

![](https://raw.githubusercontent.com/abhiprojectz/CSS-Generator/master/assets/unnamed%20(3).gif)

## Authors

* **ABHI** * 

## License

This project is licensed under the MIT License - see the [LICENSE.md](LICENSE.md) file for details

## Conclusion

* If you find and bugs then do commit in issues.

**If you liked it then do give it a star_**
CSS3 Generator - intro
