Skip to content
N8

N8

  • Portfolio
  • Write Me!
  • Fragments
    • Thoughts
    • Seventeen

Tag: Neat Techy Stuff

Posted on December 18, 2010

Jon Rohan · Creating Triangles in CSS

Few people realize when a browser draws the borders, it draws them at angles. This technique takes advantage of that. One side of the border is colored for the color of the arrow, and the rest are transparent. Then you set the width of the border to something large, the ones above are 20px. To demonstrate here is a div with all sides colored.

via Jon Rohan · Creating Triangles in CSS.

Archives

  • April 2018
  • March 2018
  • February 2018
  • November 2017
  • August 2013
  • June 2013
  • May 2013
  • October 2012
  • September 2012
  • August 2012
  • July 2012
  • June 2012
  • May 2012
  • February 2012
  • January 2012
  • December 2011
  • November 2011
  • October 2011
  • September 2011
  • August 2011
  • July 2011
  • May 2011
  • April 2011
  • March 2011
  • February 2011
  • January 2011
  • December 2010
  • November 2010
  • October 2010
  • September 2010

Recent Comments

  • Kyrce on Lunch#1
  • Dan on Wildwood
  • Kyrce on Wildwood
  • Kyrce on See?
  • Kyrce on Test

Meta

  • Log in
  • Entries feed
  • Comments feed
  • WordPress.org
Proudly powered by WordPress