Modernizr.js demo

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.2/modernizr.min.js"></script>
<!-- ng-app directive will usually be on body element -->
<div id="app" ng-app ng-init="people=[{name:'fred',age:30},{name:'barney',age:29},{name:'wilma',age:22},{name:'betty',age:21},{name:'gazoo',age:1200}]; foo='bar'">
    <label>filter</label>
    <input type="text" ng-model="searchText" />{{searchText | uppercase }}
    <div class="person" ng-repeat="person in people | filter:searchText | orderBy:'name'">{{person.name}} - {{person.age}} {{foo}}</div>
</div>

CSS

#app {
    margin:5px;
}
div.person {
    /*transition*/
    -webkit-transition:background-color 0.5s ease, padding 0.1s linear;
    -moz-transition:background-color 0.5s ease, padding 0.1s linear;
    -o-transition:background-color 0.5s ease, padding 0.1s linear;
    transition:background-color 0.5s ease, padding 0.1s linear;
    padding:5px;
    margin-top:2px;
    background-color:turquoise;
    font-family:Arial;
}
div.person:hover {
    background-color:pink;
    cursor:pointer;
    padding:10px;
}

JavaScript

console.log(Modernizr);
window.Modernizr = Modernizr;