Flip Switch Generator

CSS flip switch or toggle generator switch allows you to generate flip switch with pure css. You can edit and change properties and visually see the changes of the flip switch. You copy or download the generated CSS code.

1Active Properties

Background Color

Text Color

Text

2Inactive Properties

Background Color

Text Color

Text

3Label Properties

Font Size (px)

Text Padding (px)

4Switch Properties

Background Color

Border Color

Border Width (px)

Switch Size (px)

5Switch Size

Width (px)

Height (px)

Border Radius (px)

Preview download

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

CSS Snippet copy 


        

    



                

        

            

                
 HTML Code
                    copy