CSS Radio Button Generator
CSS radio button generator let's you design and generate CSS3 radio button for your website and saves your time. You can preview the textbox and copy or download the generated CSS code.
1Text Options
Padding Top (px)
Padding Left (px)
Margin Bottom (px)
Font Size (px)
2Border Options
Border Thickness (px)
Border Style
Border Color
Border Radius (px)
3Switch Properties
Location Top (px)
Location Left (px)
Height (px)
Width (px)
4Active Color Properties
Background Color
Hover Color
Checked Color
Checked Focus Color
Active Border Color
Hover Border Color
5Icon Properties
Color
Icon Position Top (px)
Icon Position Left (px)
Icon Width (px)
Icon Height (px)
Radius (px)
Thickness (px)
Icon Size (px)
Icon Line Height ()
6Disabled Properties
Opacity (px)
Color
Background Color
Border Color
Tick Color
Font Color
7Ripple Effect
Enable Animation
Show Ripple
Enable this to preview Ripple SettingsWidth (em)
Height (em)
Margin Left (em)
Margin Top (em)
Radius (em)
Opacity ()
Color
Free online tools for developers
JSON Viewer JSON Formatter, Minifier, Validator, Sort, Explorer JSON to XML, CSV, TSV, Excel
XML Viewer XML Formatter, Sort, Minifier, Validator
HTML Viewer HTML Formatter, Minifier, Validator
CSS Viewer CSS Formatter, Minifier, Validator
Javascript Viewer Javascript Formatter, Minifier, Validator, Obfuscator, Deobfuscator
CSV Viewer CSV to JSON, XML, TSV, Excel
TSV Viewer TSV to JSON, XML, CSV, Excel
