Gradient Generator Vivek Parmar توسط

Gradient Generator Firefox Extension

Overview:-
The Gradient Generator Firefox Extension allows you to effortlessly create and customize CSS gradients. With a user-friendly interface, you can generate both linear and radial gradients, see them in real-time, and copy the CSS code for use in your projects.

Features:-
- Linear and Radial Gradients: Supports both gradient types with customizable options.
- Color Stops: Add and customize multiple colors in your gradient.
- Direction Control: For linear gradients, adjust the gradient direction using a slider.
- Live Preview: View the gradient in real-time as you adjust settings.
- CSS Code Output: Copy the generated CSS code directly from the extension.

Usage:-
Open the Extension: Click on the Gradient Generator icon in your Firefox toolbar to open the popup.
Select Gradient Type: Choose "Linear" or "Radial" gradient type from the dropdown menu.

Configure Parameters:-
1. For Linear Gradients: Use the slider to adjust the gradient direction (0° to 360°).
2. For Radial Gradients: Adjust the gradient settings as needed (direction not applicable).
3. Add Colors: Enter multiple colors separated by commas in the color input field (e.g., #ff0000, #00ff00, #0000ff).
4. Generate Gradient: Click the "Generate Gradient" button to view the gradient preview and CSS code.
5. Copy CSS Code: Copy the generated CSS code from the textarea to use in your web projects