Le estremità dei gradienti sono sfocate quando si utilizzano le misure dei pixel

Question

Utilizzo la proprietà css background-image: linear-gradient per creare più strisce di colori per lo sfondo di un sito.
Solitamente gli arresti del gradiente sono definiti in percentuale, ma nel mio sito avevo bisogno di pixel, quindi sono riuscito a cambiarlo in pixel usando il metodo che Verou usava nel suo patterns Il problema è che la fine di ogni colore è un po 'sfocata. In Firefox è meno evidente, ma in Chrome è molto evidente.
C'è un modo per gestirlo?
Ho notato che quando cambio il "deg" da 180 a 45 le estremità sembrano grandi. Ma purtroppo ho bisogno le strisce siano orizzontali :)

Il mio codice: http://cssdesk.com/c6mGM

Answer 1

Quasi un anno più tardi e mi imbatto nello stesso bug in cromo V36. Ho prodotto un lavoro da queste parti: http://codepen.io/davidgailey/pen/ncrKB

o qui se preferisci: https://gist.github.com/davidgailey/8fc1bd1a09747429a3ad

Il lavoro attorno utilizza background-size, background-position, e gradienti lineari.

background-size: 100% 150px, 100% 150px; 
background-position: 0 0, 0 bottom; 
background-image: 
linear-gradient(#000,#000), 
linear-gradient(green, green); 

Viola! belle strisce orizzontali nitide. Potrebbe usare del lavoro per essere più favorevole al futuro.

Spero che questo errore venga risolto presto ma nel frattempo, sentitevi liberi di usare la penna come inizio.