Prompt:
Create a responsive gradient button using HTML, CSS, and JS. Use a ___ color gradient, ___ border radius, and ___ font style. The button should have a smooth hover transition and a clear call-to-action label.
Example:
Create a responsive gradient button using HTML, CSS, and JS. Use a blue-to-purple linear gradient, 24px border radius, and bold, uppercase font style. The button should have a smooth hover transition and a "Sign Up" label.
Radio Button Prompt
Prompt:
Create a custom radio button using HTML, CSS, and JS. Use ___ colors for the selected and unselected states, ___ size, and ___ label placement. The radio button should be accessible and include a focus style.
Example:
Create a custom radio button using HTML, CSS, and JS. Use teal for the selected state, light gray for the unselected state, 20px size, and label on the right. The radio button should be accessible and include a blue outline focus style.
Borderless Button Prompt
Prompt:
Create a borderless button using HTML, CSS, and JS. Use ___ background color, ___ font style, and ___ hover effect. The button should be minimalist, with no visible border, and a clear action label.
Example:
Create a borderless button using HTML, CSS, and JS. Use a transparent background, italic font style, and underline-on-hover effect. The button should be minimalist, with no visible border, and a "Learn More" label.