Search
 
SCRIPT & CODE EXAMPLE
 

CSS

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>
Comment

PREVIOUS NEXT
Code Example
Css :: webkit scrollbar padding 
Css :: adobe xd to html and css 
Css :: css border image repeat property 
Css :: tailwindcss top 
Css :: customize checkbox 
Css :: locale_translation_projects_alter 
Typescript :: enumerate multiple lists python 
Typescript :: How to ignore an error in typescript 
Typescript :: next js onclick navigate 
Typescript :: git count commits by author 
Typescript :: In order to allow non-dict objects to be serialized set the safe parameter to False. 
Typescript :: dotenv typescript 
Typescript :: ts change date format 
Typescript :: check if key exists in json typescript 
Typescript :: solidity license 
Typescript :: google sheets remove last character 
Typescript :: sort array by date typescript 
Typescript :: create and return a merged list of all the elements in sorted order 
Typescript :: react typescript input set focus dinamically 
Typescript :: git list all commits that changed a file 
Typescript :: adonis prepare create 
Typescript :: vetur change tsconfig location 
Typescript :: It is not possible to unreserve more products of ... than you have in stock. odoo 
Typescript :: ion popover pass data 
Typescript :: Module was compiled with an incompatible version of Kotlin. The binary version of its metadata is 1.5.1, expected version is 1.1.16 
Typescript :: remove all objects in R 
Typescript :: ion input ngmodel not working ionic 6 
Typescript :: how to use type in batch 
Typescript :: how do i remove the brackets around a list in python 
Typescript :: vue3, vite and django 
ADD CONTENT
Topic
Content
Source link
Name
9+1 =