Lumulutang Label ay gumagana na may mga modernong anyo HTML5 na sumusuporta sa mga katangiang placeholder.
Ito ay gumagana sa pamamagitan ng pagkuha ng text isang placeholder at dahan animate ito sa itaas ng field mismo kapag naka-focus ang gumagamit ng cursor sa loob ng form.
Kung ang gumagamit ay nagpasok ng teksto sa patlang ng placeholder ay mananatili sa itaas tulad ng isang klasikong label, at kung gumagamit ng mga dahon sa input box nang hindi nagpapasok ng anumang teksto o tinatanggal ang nakaraang teksto, ang mga placeholder ay animated bumalik sa kanyang normal na posisyon.
Lahat ng bagay ay ginagawa sa pamamagitan ng mga animation CSS3, na may ganap na kasangkot no JavaScript.
. Isang demo na pahina ay kasama sa Lumulutang package Label
Kinakailangan :
- CSS 3 pinagana browser
Mga Komento hindi natagpuan