Floating Label

Floating Label lavora con forme moderne HTML5 che supportano l'attributo segnaposto.
Funziona prendendo il testo di un segnaposto e lentamente animando sopra il campo stesso ogni volta che l'utente si concentra il cursore all'interno del modulo.
Se l'utente immette del testo nel campo del segnaposto resterà al di sopra come un marchio classico, e se l'utente lascia la casella di input senza inserire alcun testo o elimina il testo precedente, il segnaposto viene animato di nuovo nella sua posizione normale.
Tutto è fatto con le animazioni CSS3, senza alcun JavaScript coinvolti.
. Una pagina di prova è incluso nel pacchetto Floating etichetta

Requisiti

• CSS 3 browser abilitato