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)

Package Sidebar

Install

npm i multiflip-bubble

Weekly Downloads

0

Version

5.0.0

License

MIT

Last publish

Collaborators

  • kt3k