css - PNG でテキストをフェードする

Question

内部にフェードテキストを作成するにはどうすればよいですか

<div class="box">
<p>some text, some text</p>
<div class="fading"></div>
</div>

.box {
width: 200px;
}

.fading {
background: url('img/fading.png') no-repeat 0 0;
}

しかし、たとえば次のような白い背景がない場合はどうすればよいでしょうか。

Answer 1

あなたの質問は理解しにくいですが、私はあなたを助けようとしています. 画像やテキストの使用をフェードしたい場合はfading{opacity:0.7;}、それに応じて値を変更できます。

または、色付きの背景で画像を使用する場合は、参照サイトのように透過png画像を作成する必要があります...

Answer 2

このページでは:

http://webdesignerwall.com/tutorials/css-gradient-text-effect

http://css-tricks.com/text-fade-read-more/

あなたの問題のためのチュートリアルがあります