Html 混合混合模式硬光——如何使用它而不从所有元素中移除灰色
我试图创造一种效果,使Html 混合混合模式硬光——如何使用它而不从所有元素中移除灰色,html,css,background-blend-mode,Html,Css,Background Blend Mode,我试图创造一种效果,使内容淡入标题元素 这是一把小提琴: 如果您查看结果并滚动,您可以看到我试图实现的效果。如果仔细查看HTML和CSS,您会发现应该有h4元素和边框,但由于它们设置为颜色:灰色它们是不可见的 我曾尝试使用其他值作为混合模式以及背景的各种配置:线性渐变(灰色100px,透明)注释已起作用 我当前的实现显然会产生不必要的副作用,更不用说我永远不能使用灰色作为颜色。我怎样才能避开这个问题?还是我运气不好,如果是的话,有没有其他方法可以达到这种效果
内容
淡入标题
元素
这是一把小提琴:
如果您查看结果并滚动,您可以看到我试图实现的效果。如果仔细查看HTML
和CSS
,您会发现应该有h4
元素和边框,但由于它们设置为颜色:灰色代码>它们是不可见的
我曾尝试使用其他值作为混合模式
以及背景的各种配置:线性渐变(灰色100px,透明)代码>注释已起作用
我当前的实现显然会产生不必要的副作用,更不用说我永远不能使用灰色
作为颜色。我怎样才能避开这个问题?还是我运气不好,如果是的话,有没有其他方法可以达到这种效果