Szczegóły programowe:
Pływające Label współpracuje z nowoczesnych form HTML5, które obsługują atrybut zastępczy.
Działa poprzez tekst symbolem zastępczym i powoli animowanie go nad samym polu, gdy użytkownik koncentruje się kursor wewnątrz postaci.
Jeśli użytkownik wpisze tekst w polu zastępczy pozostanie powyżej, tak jak klasyczny etykiecie oraz, jeżeli użytkownik opuści pole wprowadzania bez wprowadzania tekstu lub usuwa poprzedni tekst, zastępczy jest animowany z powrotem w jego normalnej pozycji.
Wszystko odbywa się za pomocą animacji CSS3, absolutnie bez zaangażowanych JavaScript.
. Strona demo jest dołączony do pakietu Label pływającej
Wymagania :
- przeglądarka obsługująca CSS 3
Komentarze nie znaleziono