使用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（ПОПУЛЯРНЫЕСТАТЬИ - 带有文字的块） 如果没有白色背景，我怎么能做一个褪色的技巧呢？

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/

您的问题有教程