gpt4 book ai didi

css - 在不妨碍悬停和选择的情况下将文本淡化为白色

转载 作者:行者123 更新时间:2023-11-28 16:04:13 24 4
gpt4 key购买 nike

我想将文章的内容淡化为白色,以表示可以解锁更多内容。我可以通过添加一个带有白色渐变的 :after 元素来实现这一点。

但这种技术使渐变区域下方的文本无法选择并且对悬停效果无响应。

我怎样才能产生类似的效果,并且仍然让用户与渐变下方的内容进行适当的交互?

最佳答案

您可以在 :after 上设置 pointer-events: none更多信息和示例:https://css-tricks.com/almanac/properties/p/pointer-events/

这是代码笔:http://codepen.io/zakkain/pen/dseHt在上述示例中使用。

我还添加了一个 fiddle 作为例子: https://jsfiddle.net/quzoqone/4/

关于css - 在不妨碍悬停和选择的情况下将文本淡化为白色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39501188/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com