Using the CSSmatic Gradient Generator, create a linear gradient that transitions from red (#FF0000) at 0% to blue (#0000FF) at 100%, directed from top to bottom. Provide the generated CSS code for this gradient. Additionally, describe the different gradient directions available, list the color formats you can choose from, and state if the tool provides options for browser compatibility (e.g., IE9 support) or adding comments to the CSS.
Navigate to 'https://tools.3dx8.com/css/box-shadow.html'. Click on the 'Gradient Generator' link. Set the first color stop's color input (ID 123) to '#FF0000' and its location input (ID 111) to '0'. Set the second color stop's color input (ID 123) to '#0000FF' and its location input (ID 130) to '100'. Click the 'vertical orientation link' (ID 170) to set the gradient direction to top to bottom. Extract the generated CSS code for the linear gradient. Identify all available gradient direction options (horizontal, vertical, diagonal, radial). List the selectable color formats (e.g., hex, hsl, hsla, rgb, rgba). Determine if the tool offers options for IE9 support and adding comments to the CSS.
The agent successfully navigates to the 'Gradient Generator' page. The generated CSS code for the linear gradient includes `linear-gradient(to bottom, rgba(255,0,0,1) 0%, ... rgba(0,0,255,1) 100%)` or similar cross-browser prefixes, with the specified start and end colors (or their rgba equivalents) and percentages. The agent lists the available gradient directions as horizontal, vertical, diagonal (two options), and radial. The agent lists the available color formats as hex, hsl, hsla, rgb, and rgba. The agent confirms that the tool provides options for IE9 support and adding comments to the CSS.