Have opinions about JavaScript? We want to hear them. Take the 2018 JavaScript Ecosystem Survey »

flip-bubble

1.1.0 • Public • Published

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)

install

npm i flip-bubble

Downloadsweekly downloads

3

version

1.1.0

license

MIT

homepage

github.com

repository

Gitgithub

last publish

collaborators

  • avatar
Report a vulnerability