CSS 3 Градиент n пикселей снизу - Webkit / Safari

Есть ли способ создать градиент с остановкой n пикселей от нижнего края элемента?

Например, с Moz / Firefox это будет выглядеть так:

-moz-linear-gradient (center bottom, # f00 2%, # d00 31px)

Также следует отметить, что у этого градиента есть компаньон градиент, чтобы проделать то же самое до самого верха коробки. Итак, на самом деле css выглядит так для FF, и мне нужно воспроизвести для webkit:

background-image:
      -moz-linear-gradient(center top , rgba(255,0,0,0.75) 2%, rgba(255,0,0,0) 31px), 
      -moz-linear-gradient(center bottom , rgba(255,0,0,0.75) 2%, rgba(255,0,0,0) 31px);