JSFiddle - React, Tailwind, and code Playground

by msingh

HTML

<input type="checkbox"></input>
<div class="slide-right"></div>

CSS

input[type="checkbox"]:checked + .slide-right{
   -webkit-animation-delay:400ms;
   -webkit-animation: slider 900ms; 
}

div{
    width:50px;
    height:50px;
    border:1px solid black;
}

@-webkit-keyframes slider{
    100%{margin-left:400px;}
}