flip-bubble

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

<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 (chrome)