Today I learned how to create a form where the label moves up in an animation style using CSS / JS. The animation was achieved using standard CSS properties and no Jquery or other libraries
.form-control label span{
display: inline-block;
font-size: 18px;
min-width: 5px;
transition: 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
| Category | HTML / JS / CSS |
| Credits | 50 Projects in 50 days |
| Date | January 28th, 2025 |
| Codepen | Click here |