lorem













.panelbg {
position: fixed;
top: 50%;
left: 0;
transition: 0.5s;
}
.formbg {
position: fixed;
top: 50%;
left: -200px;

transition: 0.5s;
}
.panelbg:hover {
left: 200px;
}
.panelbg:hover .formbg {
left: 0;
}

.formbg .form {
width: 200px;
background: rgba(0,0,0,0.6);
padding: 20px 10px;
box-sizing: border-box;
}

.formbg .form .form-label{
display: block;
width: 100%;
margin-bottom: 10px;
box-sizing: border-box;
}
.formbg .form .form-input {
padding: 6px;
width: 100%;
box-sizing: border-box;
}


Daha önce yapılmışını görmüştüm,ücretsiz de dağıtılıyordu ama bulamadım.Mantığı anlamanız için basit bir örnek yaptım.