我需要一些帮助。有一些内部有文本的容器。显然有很多文本，因此必须滚动。但是我不想让文本看起来像被切掉，我想“模糊”单个容器的底部。
以下为结果：https://jsfiddle.net/rsze93wk/3/
嗯，看起来...我看来很糟糕。容器的底部应该几乎不可见，但是我可以清楚地阅读它。我使用了:after和display: block来实现此效果，因此无法选择该伪元素下的文本。
还有一个问题，当我向下滚动时，渐变会停留在一个位置。你能帮我解决这个问题吗？另外，也许您有任何想法如何使这种效果看起来更好？
我想“模糊”单个容器的底部。
模糊是CSS属性，在这里filter: blur(1)将使元素的内容模糊，并且此后为空。
我使用：after和display：块来实现此效果，所以我无法选择该伪元素下的文本。
这是使文本在
after::下可单击的好方法，可以将pointer-events: none;添加到after::。
还有一个问题，当我向下滚动时，梯度会停留在一个位置。
[
after::应该放置在.main上，并且在.main中应该有另一个带有滚动的容器。
您可以尝试使用渐变为文本着色，如下所示：