flip-bubble

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

Usage no npm install needed!

<script type="module">
  import flipBubble from 'https://cdn.skypack.dev/flip-bubble';
</script>

README

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)