Image-less CSS Tooltip Pointers with Polygonal CSS

Biju Subhash   May 14   CSS, Javascript   Read 1899 times   1 comment

Image-less CSS Tooltip Pointers with Polygonal CSS

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.

website url

 

1 Comment

Add Yours
  1. 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 [...]

RSS feed for comments on this post. TrackBack URL

Leave a comment

bijusubhash.com uses Thank Me Later

Security Code: