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;
}

但是如果我没有白色背景怎么办，例如这里：http ://beta.ruh.kz（ПОПУЛЯРНЫЕ СТАТЬИ - 称为带有文本的块）如果没有白色背景，我该如何做 png 褪色技巧？

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/

有针对您问题的教程