flip-bubble
Version:
Animating speech bubble component, appears and disappears flipping its sections.
54 lines (32 loc) • 831 B
Markdown
# flip-bubble v1.1.0
> Animating speech bubble component, appears and disappears flipping its sections.
# Install
via npm
npm install flip-bubble
via bower
bower install speech-bubble
# Usage
```html
<script src="path/to/jquery.js"></script>
<script src="path/to/patapata.js"></script>
<script src="path/to/flip-bubble.js"></script>
<script>
$(function () {
var chr = $('#char');
var sb = chr.flipBubble($('<p />').text('Hello, world!'));
chr.one('click', function () {
sb.show().then(function (sb) {
chr.one('click', function () {
sb.hide().then(init);
});
});
});
});
</script>
<div id="char">Click!</div>
```
### dependencies
- jquery
- es6-promise
- patapata
### [demo](http://kt3k.github.io/speech-bubble/test.html) (chrome)