CSSグラデーションで透明にしたいときは transparent
ではなく rgba(x,x,x,0)
を用いる。
'transparent'を指定するをiOS Safariグラデーションが機能しない。
/* NG */
background-image: linear-gradient(to right, #b2b2b2, transparent);
/* OK */
background-image: linear-gradient(to right, rgba(178,178,178,1),rgba(178,178,178,0));
透明度0のときの色はグラデーションに使用しているものを使う。