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: htmllion.com

Similar codes

0 vote271 views1 answer
Bootstrap 5 sidebar class
CSS Bootstrap
1 vote234 views1 answer
Layer on top in javascript
CSS
0 vote210 views1 answer
Write the CSS styling inside the HTML page
CSS
0 vote208 views1 answer
Materialize css icons
CSS
0 vote209 views2 answers
Html5 vs css3
CSS
3 votes210 views1 answer
How to set text to middle in div
CSS
0 vote210 views1 answer
Loop Over Array of Objects and Combine them if they have similar keys
CSS
38 votes218 views6 answers
Media query min and max width for all devices
CSS
0 vote186 views1 answer
Remove background when autofill input css
CSS
1 vote241 views2 answers
Selector CSS Example
CSS