/shadow-box-generator

I always wanted to add a shadow box effect in elements, but i always have a hard time choosing and creating the perfect shadow box, so i decide to change it by making a project that will help me with this problem.

Primary LanguageJavaScript

Shadow Box generator

Project Deploy

Click here

Description of the project

To make a better looking web site i must have at least one element with a propper shadow, the issue was i didn't know how to make one. In this project i can generate a shadow box for my elements by visualizing it in real time and then just copy the code and paste it into my css code, this project will help me a lot and was a great project to practice JavaScript.

Why i make this project?

I make this project so i can have a propper shadow desing in my future projects.

How does this project work?

The project have a few inputs, in wich the user will ajust them to make the shadow he wants. There are inputs for every style a shadow can have in CSS. Once finished, the user can just copy the entire CSS code for the shadow that he generated.

Tecnologies

HTML

CSS

JavaScript

Status

Finish.

Author

Lucas Landivar de Morais