Geçiş Anahtarı 1

.switch1 {
font-size: 15px;
position: relative;
display: inline-block;
width: 4.5em;
height: 2em;
}

/* Hide default HTML checkbox */
.switch1 input {
background-color: transparent;
opacity: 0;
width: 0;
height: 0;
}

/* The slider */
.slider1 {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-image: linear-gradient(120deg,#234567,#781223);
transition: .4s;
border-top-left-radius: 13px;
border-bottom-right-radius: 13px;
}

.slider1:before {
position: absolute;
content: "";
height: 1.4em;
width: 1.4em;
border-top-left-radius: 11px;
border-bottom-right-radius: 11px;
left: 0.3em;
bottom: 0.3em;
background-color: #dde4eb;
transition: .4s;
}

input:checked + .slider1 {
background-color: transparent;
}

input:checked + .slider1:before {
transform: translateX(2.5em);
}