html - 淡出文本颜色(纯 css)

标签 html css

我正在尝试实现可以​​看到的效果here在右下角,艺术家姓名和轨道标题向右淡出。

我的第一次尝试是创建叠加图像,但这导致右侧出现丑陋的边缘,因为颜色会叠加。 (也许我可以在使用它们之前减去图像?) (this 是它的样子)

然后我搜索了一个跨浏览器兼容的 CSS 3 属性。但我什至没有找到适用于所有现代浏览器的解决方案。

编辑:我不是在寻找动画。我想要一个渐变。

这似乎很难解释。我对我能走多远做了一个 fiddle :http://jsfiddle.net/z7cK2/

回答:哎哟,没关系... 似乎我只是使用了一个旧图像 m(

最佳答案

您尝试叠加什么样的图像?

方法一(图片):

http://jsfiddle.net/R3ndb/2/

使用绝对定位的图像作为叠加层。

方法二(CSS3渐变):

http://jsfiddle.net/R3ndb/3/

使用带有 CSS3 渐变的叠加 DIV。

关于html - 淡出文本颜色(纯 css),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9761306/

相关文章:

javascript - 禁用选中的字段

javascript - 对 Angular 线 div 叠加

html - 如何制作CSS下拉菜单slidedown

jquery - 为什么我的模态 Bootstrap 表单表现得像这样?

html - CSS 在彼此下方显示元素

javascript - jQuery:动画仅在 Chrome 浏览器中卡住/崩溃

html - 使用位置 :absolute on child divs sticks them together into one place

php - 如何使用 Javascript 对输入字段值求和并将其显示到 html 表中?

python - Django:模板中的变量中的变量

javascript - 旋转图像