This is a very cool set of SVG and CSS3 form floating label effects. This set of floating label effects, a total of 12 effects, these floating label effects part of the elements of the pseudo-elements using CSS transitions and CSS animations complete, part of the use of SVG to make the deformation animation.
An article on the SVG floating label has been published earlier: 14 kinds of CSS3 cool form input box beautification effect. The floating label effect in this article is a supplement to it, adding 12 more cool effects based on the original 14 effects.
These effects are tested in all the latest versions of modern browsers, but may not be supported by some older browsers.
Online Demo: http://www.htmleaf.com/Demo/201503191545.html
: http://www.htmleaf.com/html5/SVG/201503191544.html
12 Super Cool HTML5 svg and CSS3 floating label effects
