Criando balões com CSS | Tutorial CSS

Oi, hoje iremos falar um pouco de CSS.

O site Janko é uma boa referência no assunto. Neste artigo ele cita como é feito os efeitos do site da Africa Tour 2008. Com códigos simples como:

#map { width:669px; height:351px; background-image:url('map.jpg'); position:relative;}
#map div { width: 120px; height:60px; position:absolute; cursor:pointer; background-repeat:no-repeat;}

<div id="map">
     <div id="america"></div>
     <div id="europe"></div>
     <div id="africa"></div>
     <div id="asia"></div>
     <div id="australia"></div>
     <div id="southAmerica"></div>
</div>

Dá para fazer um efeito muito legal.

Não vou traduzir este artigo desta vez. Mais estou preparando um novo sobre css bem legal, para você que gosta de estilizar sua página via gostar muito.

Site | Demo