mix-blend-mode hard-light - 如何在不从所有元素中删除GRAY的情况下使用它

时间:2015-11-27 19:25:20

标签: html css background-blend-mode

我正在尝试创建content淡入header元素的效果。

这是一个小提琴:http://jsfiddle.net/jdesilvio/kthPT/105/

如果你看结果并滚动,你可以看到我想要达到的效果。如果您仔细观察HTMLCSS,您会看到应该有h4元素和border,但由于它们设置为color: gray;它们是看不见的。

我尝试使用mix-blend-mode的其他值以及background: linear-gradient(gray 100px, transparent); Noting的各种配置。

我当前的实现显然会导致不必要的副作用,更不用说我永远不会使用gray作为颜色。我该如何解决这个问题?或者我运气不好,如果是这样,有没有其他方法可以达到这个效果?

0 个答案:

没有答案