Css 将文本淡入白色，而不妨碍悬停和选择

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

但是这种技术使得渐变区域下的文本尴尬地无法选择，并且对悬停效果没有反应

我如何才能产生类似的效果，并且仍然让用户与渐变下的内容正确交互？

使用此库：

---

有很多很酷的效果，包括fadeIn，你可以在

：after

上设置

指针事件：none

更多信息和示例：

下面是代码笔：在前面的例子中使用

我还添加了一把小提琴作为示例：