Simple Styles for ‘s

Zwei nette hr Styles habe ich gerade bei Chris Coyier gefunden:

hr.style-one { 
border: 0; 
height: 1px; 
background: #333; 
background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc); 
background-image: -moz-linear-gradient(left, #ccc, #333, #ccc); 
background-image: -ms-linear-gradient(left, #ccc, #333, #ccc); 
background-image: -o-linear-gradient(left, #ccc, #333, #ccc); 
}

und

hr.style-two { 
border: 0; 
height: 1px; 
background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
}

Ansehen kann man sich das hier.

 

bvt