图层混合模式:差值、排除模式。
mix-blend-mode: difference;
mix-blend-mode:exclusion;
代码:
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style>.box{display: inline-block;padding:10px 20px;background: #e42929;}.text{color:white;/*推荐中色(灰色):color:#888;*/mix-blend-mode: difference;/* -webkit-background-clip: text;-webkit-text-fill-color: transparent; */}</style></head><body><div class="box"><div class="text">787878</div></div></body></html>
推荐中色(灰色):color:#888;
如果觉得《css 任意背景色前景色依旧看得见。图层混合模式:差值 排除模式;mix-blend-mode: difference;》对你有帮助,请点赞、收藏,并留下你的观点哦!