-
Select Colors: Use the color pickers to choose the colors you want in your gradient. You can add more colors by clicking the
Add Color button or remove existing ones using the trash icon.
-
Adjust Gradient Angle: Move the slider to set the desired angle of the gradient between
0° and 360°.
-
Preview Gradient: As you select colors and adjust the angle, the gradient preview will update in real-time to reflect your selections.
-
Generate Code: Once satisfied with your gradient, click the
Generate Code button to create the corresponding CSS and HTML code snippets.
-
Copy Code: Use the clipboard icons next to the code snippets to copy the CSS or HTML code to your clipboard for use in your projects.
Note: Ensure that you have selected at least two colors to create a meaningful gradient.