A while back, Tantek Celik released A Study of Regular Polygons, which used a little-known CSS trick to create non-rectangular shapes such as triangles and pentagons with nothing more than an ordinary HTML element.
The tool-tip widget design is common in websites uses a small triangular speech bubble pointer that typically created easily with a background image. Filamentgroup break the typical way and build it with pure polygonal CSS.








![[del.icio.us]](http://www.bijusubhash.com/wp-content/plugins/bookmarkify/delicious.png)
![[Digg]](http://www.bijusubhash.com/wp-content/plugins/bookmarkify/digg.png)
![[Facebook]](http://www.bijusubhash.com/wp-content/plugins/bookmarkify/facebook.png)
![[Fark]](http://www.bijusubhash.com/wp-content/plugins/bookmarkify/fark.png)
![[Google]](http://www.bijusubhash.com/wp-content/plugins/bookmarkify/google.png)
![[Reddit]](http://www.bijusubhash.com/wp-content/plugins/bookmarkify/reddit.png)
![[StumbleUpon]](http://www.bijusubhash.com/wp-content/plugins/bookmarkify/stumbleupon.png)
![[Technorati]](http://www.bijusubhash.com/wp-content/plugins/bookmarkify/technorati.png)
![[Twitter]](http://www.bijusubhash.com/wp-content/plugins/bookmarkify/twitter.png)
![[Windows Live]](http://www.bijusubhash.com/wp-content/plugins/bookmarkify/windowslive.png)
![[Yahoo!]](http://www.bijusubhash.com/wp-content/plugins/bookmarkify/yahoo.png)
![[Email]](http://www.bijusubhash.com/wp-content/plugins/bookmarkify/email.png)



Tweets that mention Image-less CSS Tooltip Pointers with Polygonal CSS | bijusubhash.com -- Topsy.com May 14, 2010 @ 7:34 pm
[...] This post was mentioned on Twitter by DJ Hennion and bijusubhash, bijusubhash. bijusubhash said: RT @bijusubhash Image-less CSS Tooltip Pointers with Polygonal CSS http://bit.ly/bQ68Xm [...]