multiflip-bubble v5.0.0

multiflip-bubble v5.0.0

Animating speech bubble component, appears and disappears flipping its sections.

NOTE: This library depends on jquery, class-component and multiflip

Install

via npm

npm install multiflip-bubble

Usage

<script src="path/to/jquery.js"></script>
<script src="path/to/multiflip.js"></script>
<script src="path/to/multiflip-bubble.js"></script>

<script>
$(function () {
    var chr = $('#char');
    var sb = chr.multiflipBubble($('<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>

demo (chrome)