我有什么
我在 z-index:0
处有宽度和高度等于 100% 的背景图像。现在在上面有另一个 div (#blanket
),它具有相同的高度和宽度,并且具有 0.7 的不透明度级别,以创建其背后图像的模糊效果......颜色div (#blanket
) 设置为白色,因此它看起来像是有 70% 百分比的白色透明片,后面是图像。
我想要什么
我可以更改或设置 div (#blanket
) 的颜色渐变以匹配其背后图像中的颜色吗..我第一次看到在 iphone 中他们匹配主屏幕主题的方式根据到墙纸。因此,如果壁纸有一辆红色和黑色的跑车,那么主题将主要由两种基本颜色组成,即红色和黑色。我可以在我的网站上实现这个吗?如果是那么怎么办?
最佳答案
我认为 css 过滤器在这种情况下会为您提供更多帮助。您可以从中选择一个:
- 模糊()
- 亮度()
- 对比度()
- 阴影()
- 灰度()
- 色调旋转()
- 反转()
- 透明度()
- 棕褐色()
- url() - 用于应用 SVG 过滤器
可以找到例子here .
关于javascript - 根据图片的配色方案改变div的颜色渐变,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29557078/