Horje
switch css with text Code Example
switch css with text 
<style>/* Switch Slide==========================*/.switch-slide {	padding: 0;	margin: 15px 0 0;	background: #FFF;	border-radius: 0;	background-image: none;}.switch-slide .switch-label {	box-shadow: none;	background: none;	overflow: hidden;}.switch-slide .switch-label:after, .switch-slide .switch-label:before {	width: 100%;	height: 65%;	top: 5px;	left: 0;	text-align: center;	padding-top: 10%;	box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.2), inset 0 0 3px rgba(0, 0, 0, 0.1);}.switch-slide .switch-label:after {	color: #FFFFFF;	background: #87CEEB;	left: -100px;}.switch-slide .switch-label:before {	background: #eceeef;}.switch-slide .switch-handle {	display: none;}.switch-slide .switch-input:checked ~ .switch-label {	background: #FFF;	border-color: #0088cc;}.switch-slide .switch-input:checked ~ .switch-label:before {	left: 100px;}.switch-slide .switch-input:checked ~ .switch-label:after {	left: 0;}</style>
Source: www.htmllion.com



Css

Related
nuxt css other site Code Example nuxt css other site Code Example
how to create polaroid effect in css Code Example how to create polaroid effect in css Code Example
td min-height not working Code Example td min-height not working Code Example
media queries css and logic Code Example media queries css and logic Code Example
css border with 8 values Code Example css border with 8 values Code Example

Type:
 Code Example
Category:
 Coding
Sub Category:
 Code Example
Uploaded by:
 Admin
Views:
 10



 

Horje