Floating label pattern — Angular JS
-----------------------------------
Angular JS demo of a floating label. Based on floating label pattern by Matt D. Smith
Forked from [Fedor Troitsky](http://codepen.io/ftroitsky/)'s Pen [Floating label pattern — Angular JS](http://codepen.io/ftroitsky/pen/xwLcv/).
A [Pen](http://codepen.io/jetviper21/pen/fqaGy) by [Scott Davis](http://codepen.io/jetviper21) on [CodePen](http://codepen.io/).
[License](http://codepen.io/jetviper21/pen/fqaGy/license).
<div ng-app='myApp' class="container">
<magic-field>
<label ng-show="showLabel" class="show-hide">Better field </label>
<input type='text' placeholder="Better field" />
</magic-field>
<magic-field>
<label ng-show="showLabel" class="show-hide">Better Text Area </label>
<textarea type='text' placeholder="Better Text Area"></textarea>
</magic-field>
</div>
<img src="https://dl.dropboxusercontent.com/u/177158/magic.gif"/>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.13/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.13/angular-animate.js"></script>