Linear gradient in Chrome and Safari browsers

Question

I am having trouble showing a linear gradient in Safari and Chrome. In Firefox it shows up fine.

I am trying:

Answer 1

background: -webkit-linear-gradient(left,transparent,black 50%,transparent); /* worked for me*/