A web component that creates a Tinder-esque image pulse.
Install the component using Bower:
$ bower install img-pulse --save
Or download as ZIP.
-
Import polyfill:
<script src="bower_components/webcomponentsjs/webcomponents.min.js"></script>
-
Import custom element:
<link rel="import" href="bower_components/img-pulse/img-pulse.html">
-
Start using it!
<img-pulse src="demo-image.jpg" size="150" pulse-color="#ff0000"></img-pulse>
Attribute | Options | Default | Description |
---|---|---|---|
src |
String | none | The src of the image. |
size |
Number | 150 |
The size of the image. Sets the height and width to the same size. |
pulse-color |
String | #ff0000 |
The color of the pulse. |
In order to run it locally you'll need to fetch some dependencies and a basic server setup.
-
$ npm install -g bower polyserve
-
Install local dependencies:
$ bower install
-
Start development server and open
http://localhost:8080/components/my-repo/
.$ polyserve
For detailed changelog, check Releases.