试图获得特定的颜色，我无法获得所需的结果

Question

我试图通过看起来像深蓝色和浅蓝色滤镜的滤镜拍摄常规视频。

。

事情是它在视频上，我需要它作为一个面具（视频上的div改变颜色）。我尝试了几件事，但没有得到理想的结果。

我尝试使用svg feColorMatrix和CSS过滤器。但我得到了一个奇怪的蓝色。如果您有任何其他想法，我将不胜感激。

新年快乐！

filter: contrast(84%) brightness(31%) saturate(93%) grayscale(27%) hue-rotate(354deg);

Answer 1

此解决方案完全基于HTML和CSS， 用容器div包装您的视频，并在视频之前放置另一个div作为叠加层，给它一个类似“叠加”的内容，现在是css part

#overlay{
position:absolute;
width:100%;
height:100%;
z-index:100;
background:blue;
opacity:0.5;
}

您可以根据所需的输出进行其他修改，但这将使您获得最接近所需的解决方案。