Jump to content

Creating a rollover "bubble" effect with text


ProgramPotato
 Share

Recommended Posts

Hello, I know that there is a way to do this already,

<a href="blahblahblah.html" title="piece of information">

I want the same thing to happen, but be customizable and look the same in all browsers and OSs, and be able to add pictures. Is there a way to do this?

Link to comment
Share on other sites

If you want speech bubbles, you might try Googling CSS arrows or CSS speech bubbles or something to that effect. If you want more customized or fancy looking bubbles (like a thought cloud for example) you could use a background image instead of the CSS arrow approach. Either way, it can all be done with pure CSS. EDIT: Actually, it looks like you can get pretty customized without resorting to images. Check out this demo page:http://nicolasgallagher.com/pure-css-speech-bubbles/demo/There are links to the tutorial and the fully commented CSS on that page as well.

Edited by ShadowMage
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...