我正在尝试创建content
淡入header
元素的效果。
这是一个小提琴:http://jsfiddle.net/jdesilvio/kthPT/105/
如果你看结果并滚动,你可以看到我想要达到的效果。如果您仔细观察HTML
和CSS
,您会看到应该有h4
元素和border
,但由于它们设置为color: gray;
它们是看不见的。
我尝试使用mix-blend-mode
的其他值以及background: linear-gradient(gray 100px, transparent);
Noting的各种配置。
我当前的实现显然会导致不必要的副作用,更不用说我永远不会使用gray
作为颜色。我该如何解决这个问题?或者我运气不好,如果是这样,有没有其他方法可以达到这个效果?