Gray tooltip

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In tempus nisi vulputateOptional title
This is a gray CSS3 tooltip.
nulla pretium egestas. Aliquam pretium eros congue ultricesThis is another gray tooltip made with CSS3 only. mauris auctor lobortis.

Yellow tooltip

Etiam non malesuada nunc. Curabitur bibendum, sapien ornare placerat pellentesque, velitOptional title
This is a yellow CSS3 tooltip.
, nibh consequat nulla, ac laoreet justoThis is another yellow tooltip made with CSS3 only. lacus lectus ac enim.

Navy tooltip

Nulla volutpat mattis egestas. Integer a neque at lorem ornare accumsanOptional title
This is a navy CSS3 tooltip.
quis quis ipsum. Nam id erat mi. Etiam semperThis is another navy tooltip made with CSS3 only. velit non risus ultricies faucibus.

Blue tooltip

Nullam tristique, eros nec feugiat bibendum, orci velit commodo justoOptional title
This is a blue CSS3 tooltip.
, non ornare odio massa et ipsum. Cras scelerisque ultricesThis is another blue tooltip made with CSS3 only. leo congue laoreet.

Pink tooltip

Etiam non malesuada nunc. Curabitur bibendum, sapien ornare placerat pellentesque, velitOptional title
This is a pink CSS3 tooltip.
, nibh consequat nulla, ac laoreet justoThis is another pink tooltip made with CSS3 only. lacus lectus ac enim.

More script and css style : www.htmldrive.net