Software screenshot:
Software informatie:
Floating Label werkt met moderne HTML5 vormen die het attribuut placeholder ondersteunen.
Het werkt door het nemen van de tekst van een placeholder's en langzaam animeren boven het veld zelf wanneer de gebruiker de cursor in de vorm richt.
Als de gebruiker tekst in het veld komt in de placeholder zal boven net als een klassieke label blijven, en als de gebruiker het invoerveld verlaat zonder het invoeren van tekst of verwijdert vorige tekst, wordt de tijdelijke aanduiding geanimeerd terug in zijn normale positie.
Alles wordt gedaan via CSS3 animaties, met absoluut geen JavaScript betrokken.
. Een demo pagina is inbegrepen bij de drijvende Label pakket
Eisen
- CSS 3 enabled browser
Reacties niet gevonden