javascript - 根据图片的配色方案改变div的颜色渐变

标签 javascript jquery css

我有什么

我在 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/

相关文章:

javascript - Firebase - Cloud Firestore 触发器幂等性

javascript - 使用 Javascript 客户端库作为 Angular 2 服务的 Google API 端点

jquery - 尝试将 Google Places API 与 JQuery 的 getJSON 函数一起使用

javascript - 使用 jquery then() 打印 html 和 json 结果

javascript - 下拉弹跳问题

javascript - 找到适合网格系统的所有矩形

javascript - 如何自定义样式 angular-bootstrap-toggle?

javascript - 总是成功的 jQuery promise ?

javascript - 如何向公众隐藏 HTML/CSS 以及最重要的 app.js(Firebase 代码)?

html - 图像不会加载