CSSグラデーションの不透明度（背景ではない）

Question

私はアルファでグラデーションの背景を作成する方法を知っていますが、欲しいのは、要素にグラデーションの不透明度を持たせることです。私が探しているのは、私のdivを持つことです、そして、すべての子供たちは、不透明度グラデーションをそれらに適用します。

これを行う方法はありますか？私はそれが社内でのプロジェクトなので、Webkitで動作する必要があります。

Answer 1

最も簡単なことは、PNGにすることです。または、Webkitマスクを使用してください！

http://css-tricks.com/webkit-image-wipes/

Answer 2

グラデーションの背景を作成しますが、RGBAの色を使用。最後の値は不透明度を指定し、完全に不透明の場合は1.0、完全に透明の場合は0.0を指定します。

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,1)), color-stop(100%,rgba(125,185,232,0))); 

上記は青色から透明なグラデーションです。