Gradient Generator

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