Pulsing love heart web component
Made with <love-heart></love-heart> by me
Check out http://janantala.github.io/love-heart/ or http://customelements.io/
- Install love heart component:
❯ bower install love-heart
-
Import Web Components' polyfill:
<script src="//cdnjs.cloudflare.com/ajax/libs/polymer/0.3.1/platform.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/polymer/0.3.1/polymer.js"></script>
-
Import Custom Element:
<link rel="import" href="bower_components/love-heart/love-heart.html">
-
Start using it!
<love-heart></love-heart>
.blue { color: blue; }
.big { font-size: 3.4em; }
Made with <love-heart class="blue"></love-heart> by me
Made with <love-heart class="big"></love-heart> by me
You can add love-heart component fallback which is visible before page load is complete:
Made with <love-heart>love</love-heart> by Jan Antala
The MIT License
Copyright (c) 2014 Jan Antala