Saltar al contenido

ejemplo de código de conmutador de página html js

Después de de nuestra extensa compilación de información dimos con la respuesta este rompecabezas que tienen ciertos lectores. Te brindamos la respuesta y nuestro deseo es que te sea de gran apoyo.

Ejemplo: cambiar html

<style>.switchposition: relative;display: inline-block;width:60px;height:34px;.switch inputopacity:0;width:0;height:0;.sliderposition: absolute;cursor: pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s;.slider:beforeposition: absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:white;-webkit-transition:.4s;transition:.4s;input:checked+.sliderbackground-color:#2196F3;input:focus+.sliderbox-shadow:001px#2196F3;input:checked+.slider:before-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translateX(26px);/* Rounded sliders */.slider.roundborder-radius:34px;.slider.round:beforeborder-radius:50%;style>head><body><h2>Toggle Switchh2><labelclass="switch"><inputtype="checkbox"><spanclass="slider">span>label><labelclass="switch"><inputtype="checkbox"checked><spanclass="slider">span>label><br><br><labelclass="switch"><inputtype="checkbox"><spanclass="slider round">span>label><labelclass="switch"><inputtype="checkbox"checked><spanclass="slider round">span>label>

Si entiendes que te ha resultado de utilidad este post, agradeceríamos que lo compartas con otros juniors de este modo contrubuyes a difundir este contenido.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *