Skip to content

Instantly share code, notes, and snippets.

@lojjic

lojjic/149Test

Forked from gruber76/149Test.html
Created March 26, 2012 02:46
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save lojjic/2202558 to your computer and use it in GitHub Desktop.
Save lojjic/2202558 to your computer and use it in GitHub Desktop.
Download ZIP
"Simple" break for PIE with AngularJS
Raw
149Test
<html class="no-js" lang="en" xmlns:ng="http://angularjs.org" ng:app>
<HEAD>
</HEAD>
<BODY>
<div id="pieFace" style="
-pie-background: linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(125, 134, 136, 0.3) 10%, rgba(125, 134, 136, 0.3) 60%, rgba(125, 134, 136, 0.6) 80%, rgba(125, 134, 136, 0.8) 100%);
height: 50px;
width: 50px;
" pie=""></div>
<script type='text/javascript' src="http://cdnjs.cloudflare.com/ajax/libs/css3pie/1.0beta5/PIE.js"></script>
<script type='text/javascript' src="http://docs-next.angularjs.org/angular-0.10.6.min.js"></script>
<script type='text/javascript'>
angular.directive('pie', function () {
return function (elm) {
if (window.PIE) {
PIE.attach(elm[0]);
}
};
});
</script>
</BODY>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment