Explore the 'Border Radius' generator on CSSmatic. Adjust the top-left and bottom-right radii to '50px' and '20px' respectively. Identify the generated CSS code for these specific radii and confirm if the tool provides options for individual corner control.
Navigate to 'https://tools.3dx8.com/css/box-shadow.html'. Click on the 'Border Radius' link (ID 11). Locate the input fields for the top-left and bottom-right border radii. Set the top-left radius to '50px'. Set the bottom-right radius to '20px'. Identify and extract the generated CSS code for the border-radius property. Confirm if the interface allows for independent control of all four corners (top-left, top-right, bottom-right, bottom-left) or only specific ones.
The agent successfully navigates to the 'Border Radius' generator page. The top-left border radius is set to '50px'. The bottom-right border radius is set to '20px'. The generated CSS code for border-radius is extracted and includes the specified values (e.g., `border-radius: 50px 0 20px 0;` or similar, depending on the tool's default behavior for un-set corners). The agent confirms whether the tool provides individual control for all four corners or a more simplified control.