Explore the 'Gradient Generator' on CSSmatic. Create a linear gradient that goes from top to bottom, starting with '#FF0000' (red) at 0% and ending with '#0000FF' (blue) at 100%. Identify the generated CSS code for this gradient and confirm if the tool provides options for radial gradients or multiple color stops.
Navigate to 'https://tools.3dx8.com/css/box-shadow.html'. Click on the 'Gradient Generator' link (ID 9). Locate the input fields or controls for setting the gradient direction to 'top to bottom'. Set the first color stop to '#FF0000' at 0%. Set the second color stop to '#0000FF' at 100%. Identify and extract the generated CSS code for the linear gradient. Confirm if the interface provides options for 'radial gradients' or adding 'multiple color stops'.
The agent successfully navigates to the 'Gradient Generator' page. The gradient direction is set to 'top to bottom'. The first color stop is set to '#FF0000' (red) at 0%. The second color stop is set to '#0000FF' (blue) at 100%. The generated CSS code for the linear gradient is extracted and includes the specified colors and direction (e.g., `background: -webkit-linear-gradient(top, #FF0000 0%, #0000FF 100%);` or similar cross-browser prefixes). The agent confirms whether the tool provides options for 'radial gradients'. The agent confirms whether the tool provides options for adding 'multiple color stops'.