arrows.css

Creates 100% pure, image-less CSS arrows.

Usage

Simply drop the CSS onto any page:

<link rel="stylesheet" type="text/css" href="arrows.css"/>

To create an arrow, create a SPAN element with the "arrow" class and a "north", "east", "south", or "west" class to indicate direction:

<span class="arrow north"></span>
<span class="arrow east"></span>
<span class="arrow south"></span>
<span class="arrow west"></span>

Licensed under the Apache License, Version 2.0: http://www.apache.org/licenses/LICENSE-2.0