Box-Shadow Generator is a user-friendly web application that empowers you to easily create and customize CSS box shadows for your web elements. With this tool, you can generate the perfect box shadow to enhance the visual appeal of your website components.
-
Clone the repository:
git clone https://github.com/mohamedsalem401/Box-Shadow-Generator.git
-
Install dependencies:
cd Box-Shadow-Generator npm install
-
Start the development server:
npm start
-
Open your preferred web browser and go to
http://localhost:3000
to access the application.
The Box-Shadow Generator offers the following features:
- Effortlessly create customized CSS box shadows to add depth and visual interest to your web elements.
- Modify various shadow properties, including:
- Horizontal Offset: Adjust the horizontal position of the shadow.
- Vertical Offset: Control the vertical position of the shadow.
- Blur Radius: Define the blurriness of the shadow's edges.
- Spread Radius: Determine the size of the shadow.
- Opacity: Set the transparency level of the shadow.
- Inset Option: Toggle whether the shadow is an inset shadow.
- Live Preview: Witness the changes in real-time as you adjust the shadow properties.
- Copy to Clipboard: Easily copy the generated CSS code for the shadow and paste it directly into your stylesheets.
Your contributions are highly valued! If you encounter any issues or have suggestions for enhancements, please don't hesitate to create an issue or submit a pull request on GitHub.
All Rights Reserved
This project is the intellectual property of Mohamed Yahia. All rights are reserved. No part of this project may be distributed or transmitted in any form or by any means, including copying, without the prior written permission of the owner.
For inquiries, please contact [email protected] :)