Description from extension meta
Generate CSS gradients easily.
Description from store
Gradient Generator Microsoft Edge Extension
Overview:-
The Gradient Generator Microsoft Edge 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 Microsoft Edge 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
Statistics
Installs
132
history
Category
Rating
0.0 (0 votes)
Last update / version
2024-08-01 / 1.0
Listing languages