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