Creating Triangles With Pure CSS

Several months ago, a post at WRD (CSS Tooltips Pointers With No Images) was sharing a technique which e as

As elements in HTML are square/rectangle shaped, creating a triangle using pure HTML/CSS may not seem to be possible.

However, as browsers draw borders at angles, it is possible to create an illusion which Jon Rohan is sharing in detail.

Triangles With CSS

The technique simply uses a colored border with large pixels for one side of an element with leaving other sides transparent.

As expected, IE6 doesn't support this trick by default but Jon Rohan shows how to "hack" this with few CSS rules.

P.S. You may also want to check CSS Tooltips Pointers With No Images post at WRD which uses a similar technique.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Follow WebResourcesDepot At Twitter And Get More Resources!

Tags:

Related posts

60+ Beautiful Happy New Year Ave Wallpapers

We always love to make desktop more beautiful and most of the peoples like to make beautiful wallpaper collections as well, as my hobby too when ever any special event becoming just visit various resources where I can get my favorite wallpapers, 2010 is another new year starting from Friday in accordance with the Gregorian calendar. The Gregorian calendar is the internationally accepted civil calendar. It was introduced by Pope Gregory XIII, after whom the calendar was named, by a decree signed on 24 February 1582, a papal bull known by its opening words Inter gravissimas. The reformed calendar was adopted later that year by a handful of countries, with other countries adopting it over the following centuries.