文字智能适配背景

只需要在文字中加上mix-blend-mode属性即可完成

h1 {
  height: 30px;
  text-align: center;
  color: #fff;
  font-size: 3em;
  transition: 0.5s;
  mix-blend-mode: difference;
}