将文本淡化为白色而不会妨碍悬停和选择

Question

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

但是这种技术使得渐变区域下的文本难以理解，对悬停效果没有反应。

如何产生类似的效果，并让用户与渐变下的内容进行正确的互动？

Answer 1

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

以下是上述示例中使用的codepen：http://codepen.io/zakkain/pen/dseHt。

我还添加了一个小提琴作为例子： https://jsfiddle.net/quzoqone/4/

Answer 2

使用此库：AnimateCSS

有许多很酷的效果，包括fadeIn