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 (ПОПУЛЯРНЫЕ СТАТЬИ - 称为带有文本的 block )如果没有白色背景，我该如何做 png 褪色技巧？

Answer 1

你的问题很难理解，但我正在努力帮助你。如果你想淡化图像或文本使用 fading{opacity:0.7;} 你可以相应地改变值。

或者如果你想在彩色背景上使用图像，你需要像引用站点中那样制作透明的 png 图像......