CSS Tooltips Pointers With No Images

Filament Group is sharing a method of "creating CSS tooltip pointers with no images" that we’ll probably see in the upcoming jQuery UI widgets.

It uses Polygonal CSS, a trick to display non rectangular shapes, for creating the tooltip pointer (a triangle).

Although the method looks experimental, it is cross-browser & provides ease for creating flexible solutions by not requiring an image.

The website explains how it is achieved in detail & the solution will probably become more popular once we see them in the jQuery UI widgets.