CodeMyUI CodeMyUI
  • Button
    • Toggle Switch
  • Menu
    • Hamburger Menu
  • Image
    • Image Gallery
  • Icon
    • Social Icons
  • Text
    • Link
  • Input Field
    • Login Form
    • Email Signup Form
    • Text Field
    • Check Box
    • Range Slider
    • Search
  • #Trending
    • Card UI
    • Material Design
    • Pop Ups
    • Movie Inspired
  • Our Newsletter
Tag

toggle switch

Toggle Switch Design Inspiration with HTML and CSS Code

Toggle switch is usually used to show ON / OFF state


  • A Like/Hate Toggle Switch
    27/03/2017

    A Like/Hate Toggle Switch

    A checkbox designed to look like a toggle switch that you can switch to like or hate mode, designed by Felix De Montis. ...
    Tags: check box, click animation, input field, pure css, toggle switch
  • Realistic CSS Switch
    08/02/2017

    Realistic CSS Switch

    A checkbox input field designed to look like a toggle switch. This is a pure CSS snippet, designed by Nathan Taylor. ...
    Tags: check box, click animation, input field, pure css, toggle switch
  • iOS Toggle Switch
    24/10/2016

    iOS Toggle Switch

    A simple iOS toggle switch for your web projects. It was designed by Daniel Hannih ...
    Tags: input field, toggle switch
  • Day And Night Toggle Switch Animation
    12/10/2016

    Day And Night Toggle Switch Animation

    A day/night toggle switch which changes the background colour when you switch between the on and off state. In this snippet, when you switch to the daylight state the background changes to blue and the toggle itself morp ...
    Tags: click animation, input field, toggle switch
  • Day Night Toggle Switch That Changes Background Color
    27/08/2016

    Day Night Toggle Switch That Changes Background Color

    This simple input field is styled to look like a day-night toggle switch, it was designed by Joseph Shenton. You get the option to switch between day and night and the background color will change to yellow or black depe ...
    Tags: input field, jquery plugin, toggle switch
  • Windows 10 Toggle Button in Pure CSS
    20/08/2016

    Windows 10 Toggle Button in Pure CSS

    Want to use the Windows 10 toggle switch in your next web project? No worries use this handy little snippet by Kunuk Nykjaer that applies the Windows 10 styling to the input element with checkbox attribute. ...
    Tags: button, check box, input field, pure css, toggle switch

Posts navigation

1 2 3 Next

TO TOP
© 2017 Copyright.