A CSS3 breadcrumb seperator

css3-seperator

ul.breadcrumbs li :after{
	content:" ";
	display:block;
	width:1.45em;
	height:1.45em;
	border-top:1px solid rgba(0, 0, 0, 0.05);
	border-right:1px solid rgba(0, 0, 0, 0.25);
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	transform:rotate(45deg);
	background: #f2f5f6;
	background: -moz-linear-gradient(-45deg, #f2f5f6 0%, #e3eaed 37%, #c8d7dc 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#f2f5f6), color-stop(37%,#e3eaed), color-stop(100%,#c8d7dc));
	background: -webkit-linear-gradient(-45deg, #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%);
	background: -o-linear-gradient(-45deg, #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%);
	background: -ms-linear-gradient(-45deg, #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%);
	background: linear-gradient(-45deg, #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%);
	position:absolute;
	top:0.25em;
	right:-0.7em;
	z-index:1;
}