Diagonal shapes with CSS. Information on Border Slants (via Paul Hammond). Border slants are the effect whereby diagonal lines can be created using pure CSS, by taking advantage of the fact that thick borders around a box meet at an angle. This article describes the effect in detail and shows how it can be used to achieve a number of interesting shapes, then goes on to show off with an impressive Valentine's Day Heart. See also Tantek's awesome pentagon site map and A Study of Regular Polygons. [Simon Willison's Weblog]
The Study of Regular Polygons doesn't seem to work on IE6 but the Heart does, and the link from that page to an explanation ios worth following - I think that one leads to the rotating box demo. Wonderful what some people manage to squeeze out of DHTML+css.
posted at: 9:01:14 AM 
|
