css 如何写可以让字体的颜色与背景图的颜色相反?(背景图是动态变换的)

发布于 2022-09-13 01:07:28 字数 38 浏览 23 评论 0

因为背景图用户是自定义的,所以设置字体颜色相反的话,方便阅读。

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(5

酒几许 2022-09-20 01:07:28

两个思路,一个是 filter: invert(100%)
另一个是 mix-blend-mode: difference

优雅的叶子 2022-09-20 01:07:28

那可能得借助canvas把图片读出来才能做反色了,正经的css样式好像还真没听说有

北风几吹夏 2022-09-20 01:07:28

背景 image 设成用户定义的背景,用 css filter 取反色
然后background-clip:text
具体可能需要多套几层 div

淡墨 2022-09-20 01:07:28
mix-blend-mode: difference;
color: white;
浪推晚风 2022-09-20 01:07:28

换思路吧
思路1. 让用户也设置字体颜色
思路2. 文字设置text-shadow样式

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文