Floating Label

etiqueta flotante trabaja con formularios HTML5 modernas que soportan el atributo de marcador de posición.
Funciona mediante la adopción de un texto del marcador de posición y poco a poco la animación por encima del campo mismo siempre que el usuario se centra el cursor dentro de la forma.
Si el usuario introduce texto en el campo del marcador de posición se mantendrá por encima como una etiqueta de clásico, y si el usuario sale del cuadro de entrada sin necesidad de introducir cualquier texto o elimina texto anterior, el marcador de posición está animado de nuevo en su posición normal.
Todo se hace a través de animaciones CSS3, sin ningún tipo de JavaScript involucrados.
. Una página de demostración se incluye en el paquete de la etiqueta flotante

Requisitos

• CSS 3 navegador habilitado