10
shouts
spam Shout it Mute it

Create CSS pin balloons with ease
published 327 days, 16 hours, 37 minutes ago posted by https://me.yahoo.com/mosessaur#7fe0dhttps://me.yahoo.com/mosessaur#7fe0d 328 days, 5 hours, 25 minutes ago
Thursday, April 23, 2009 2:15:26 AM GMT Wednesday, April 22, 2009 1:28:00 PM GMT
Create CSS pin balloons with ease

Home page of Africa Tour 2008 is a good example of how simple solutions can also be effective. In this tutorial I will recreate (in my own way) their effect using World map.

As I said, the effect is more than simple - each continent is marked with a "pin balloon" (I couldn't think of a better name) and when you hover the balloons they get larger. This is something that many of us have done many times, I'm sure of it. However, this example has a trick: balloons grow diagonally starting at the anchor ...

category: UX | clicked: 10 | | source: www.jankoatwarpspeed.com | show counter code
tags: CSS