<love-heart> v0.3.0

Pulsing love heart web component

Made with <love-heart></love-heart> by me

Demo

Check out http://janantala.github.io/love-heart/ or http://customelements.io/

Our partners

 customelements.io

Usage

1. Install love heart component:

   ❯ bower install love-heart
   

2. 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>

3. Import Custom Element:

   <link rel="import" href="bower_components/love-heart/love-heart.html">

4. Start using it!

   <love-heart></love-heart>

Apply your own CSS:

.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

Fallback

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

License

The MIT License

Copyright (c) 2014 Jan Antala