css - cssでグラデーションマスクを適用する

Question

CSS を使用してこれを実行しようとしてい ますが、グラデーション マスクを適用してテキストの背景にフェードできますか? しかし、上と下からグラデーションを適用したい。

-webkit-mask-image: -webkit-gradient(linear, left 30%, left bottom, left top, from(rgba(0,0,0,1)),      to(rgba(0,0,0,0)));

http://jsfiddle.net/QZMyd/ でも動かない