这种效果怎么实现的呢

这样的文字渐变请问怎么实现的呢图片描述

阅读 2.9k
6 个回答

其实是在上面放了一个div,背景色渐变,里面放了“查看更多”

在显示文本的上方有一个遮罩,这个遮罩是从上到下的渐变色,从不透明到透明,就是这样的效果了,你可以自己去试试。

应该就是一个遮盖 遮盖使用渐变背景色

简单的就是text文本上压着蒙层 (蒙层z-index高于text文本) 蒙层实现背景色渐变就ok了


文字实现也可以 太麻烦

clipboard.png
学会利用浏览器看效果

提供一个兼容 IE9 的方法 (不想用图片又不用兼容 IE8的情况)

? 尽管有些 Low

background-color: rgba(255, 255, 255, .5);

Demo: 怎么不能预览 CodePen ?

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题