Fancy CSS3 Animated Tooltip Library – Bubblesee

Author
In CSS Tooltip, CSS Tutorial Nov 28, 2017

Bubblesee is fancy CSS3 Animated Tooltip Library which is a vanilla JavaScript library that appends a complicated, animated, customized tooltip popup to any parts.

use it:

Come with the primary taste sheet within the internet web page that gives the elemental styling and animations for the tooltips. Animation incorporated:

  • Skew
  • Scale
  • rotate
  • toTop
<hyperlink href="src/kinds.min.css" rel="stylesheet">

Insert the tooltip content material to the ‘identify’ characteristic of your part.

<img src="1.jpg" identify="Tooltip content material right here">

Allow the customized tooltip at the ‘img’ part on hover.

Bubblesee.bind('img');

Exchange the default animation.

Bubblesee.bind('img', 'skew'); Bubblesee.bind('img', 'toTop'); Bubblesee.bind('img', 'scale'); Bubblesee.bind('img', 'rotate');

Upload further CSS categories to the tooltip.

Bubblesee.bind('img', 'skew', 'myClass');

The put up Fancy CSS3 Animated Tooltip Library – Bubblesee gave the impression first on CSS Script.

Leave a Reply

Your email address will not be published. Required fields are marked *