Beautiful Speech Bubbles Demo for Opentip Usage
Read the article Beautiful Speech Bubbles for more detailed explanation. All the source codes are self explanatory and ready for use in your own website.
Default styles without title, hover to show
Default styles with title, hover to show
Alert styles without title, hover to show
Alert styles with title, hover to show
Dark styles without title, hover to show
Dark styles with title, hover to show
Glass styles without title, hover to show
Glass styles with title, hover to show
Click to show and close
Click to show and close
Rectangle with words inside. Click to show and close.
This speech bubble is always shown and will never close.
containInViewport:false make this bubble never move.
containInViewport:false make this bubble never move.
This speech bubble is always shown and will never close.
This speech bubble is always shown and will never close.
This speech bubble is always shown and will never close.
Click to close
By default, the position will be changed if the tooltip is not in the viewport anymore. Click to close
By default, the position will be changed if the tooltip is not in the viewport anymore. Click to close
Click to close
Click to close
Click to close
Click to show and close
Hover to show
Hover to show
If you find some beautiful bubbles or anything cool, save it as another file. Use it through ajax. Click to close
If you find some beautiful bubbles or anything cool, save it as another file. Use it through ajax. Go to hative for more creative website design inspiration. Click to close
If you find some beautiful bubbles or anything cool, save it as another file. Use it through ajax. Click to close