multiflip-bubble

5.0.0 • Public • Published

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)

Dependencies (0)

    Dev Dependencies (6)

    Package Sidebar

    Install

    npm i multiflip-bubble

    Weekly Downloads

    0

    Version

    5.0.0

    License

    MIT

    Last publish

    Collaborators

    • kt3k