【问题标题】:Trying to get a specific color, and I can't get the desired result试图获得特定的颜色,但我无法获得想要的结果
【发布时间】:2017-05-15 19:45:27
【问题描述】:

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

问题是它在视频中,我需要它作为遮罩(视频上的 div 会改变颜色)。我尝试了几件事,但没有得到想要的结果。

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

新年快乐!

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

【问题讨论】:

  • 你在这里打错了:saturatke(93%)。需要写saturate(93%)
  • 如果你也发布HTML,那会更有用。

标签: javascript css html web colors


【解决方案1】:

这个解决方案纯粹基于 HTML 和 CSS, 用容器 div 包装您的视频,并在视频之前放置另一个 div,这将充当叠加层,给它的 id 类似于“叠加层”,现在是 css 部分

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

您可以根据您想要的输出进行其他修改,但这将使您最接近您想要的解决方案。

【讨论】:

  • 是的,问题应该是渐变图,这意味着每个亮像素都变成蓝光像素,而暗像素将变成黑蓝色(与黑白相同,只有深蓝色和浅蓝色)
猜你喜欢
  • 2013-03-12
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2015-09-19
  • 1970-01-01
  • 2016-08-09
相关资源
最近更新 更多