根据图像的颜色方案更改div的颜色渐变

时间:2015-04-10 08:47:08

标签: javascript jquery css

我有什么

我的背景图片的宽度和高度在z-index:0处等于100%。现在还有另一个div(#blanket),它具有相同的高度和宽度,并且不透明度等级为0.7,以创建一个模糊的效果,它背后的图像... div的颜色( #blanket)设置为白色,因此看起来背后有70%的白色透明纸是图像。

我想要什么

我可以更改或设置与其背后图像中的颜色匹配的div(#blanket)的颜色渐变。我首先在iphone中看到它们根据壁纸匹配主屏幕主题的方式。因此,如果壁纸有红色和黑色跑车,那么主题将主要由两种基本颜色组成,红色和黑色。我可以在我的网站上实现这一点。如果是那么如何?

1 个答案:

答案 0 :(得分:1)

我认为在这种情况下,css过滤器可以为您提供更多帮助。您可以从中选择一个:

  • blur()
  • brightness()
  • contrast()
  • 下拉阴影()
  • 灰度()
  • 色调旋转()
  • 转化()
  • 不透明度()
  • 乌贼()
  • url() - 用于应用SVG过滤器

可以找到示例here