CSS文本超出部分渐变隐藏怎么实现

Qu***

如图，在谷歌浏览器的收藏夹上看到的，第一个和第三个文本最后都有渐变隐藏的效果，请教如何实现。非常感谢

水***

这个简单，只用css可实现：
css3过渡：transition: 过渡的属性过渡的时间(秒); 一般和:hover搭配使用。
详细可查w3c

m6523***

刚刚那个不完整p::after { height: 16px; content: ""; // '...' position:absolute; bottom:9px; right:0; padding-left:30px; background:-webkit-linear-gradient(left,transparent,#fff 55%); background:-o-linear-gradient(right,transparent,#fff 55%); background:-moz-linear-gradient(right,transparent,#fff 55%); background:linear-gradient(to right,transparent,#fff 55%); }

自由***

height: 16px; content: ""; // '...' position:absolute; bottom:9px; right:0; padding-left:30px; background:-webkit-linear-gradient(left,transparent,#fff 55%); background:-o-linear-gradient(right,transparent,#fff 55%); background:-moz-linear-gradient(right,transparent,#fff 55%); background:linear-gradient(to right,transparent,#fff 55%);

爱车堡***

box-shadow

已有账号？

找人解决需求

CSS文本超出部分渐变隐藏怎么实现

全部参与4

热门问答

Qu***

今日需求悬赏

今日问答求助

发布任务需求已有1031289位用户正在使用天盟网服务

新手帮助

平台规则

关于天盟

一键快捷导航

微信公众号

手机客户端