Animated Placeholder Label

Class Name

Background Color

Placeholder Color

Text Color

Border Radius

Transition Speed

Input field with a snug label set above the text input

Email Address

<div class="input">
    <input class="input__input" placeholder=" ">
    <label class="input__label">Email Address</label>
</div>

<div class="input">
    <input class="input__input" placeholder=" ">
    <label class="input__label">Email Address</label>
</div>