Breaking News: Grepper is joining You.com. Read the official announcement!

html css text color invert on image

Evil Eel answered on June 29, 2022 Popularity 7/10 Helpfulness 3/10

answer html css text color invert on image

html css text color invert on image

Comment

#text {
  width: 150px;
  height: 150px;
  z-index: 1;
}

#text {
  text-align: center;
  background: linear-gradient(to top right, black 50%, orange 51%);
}

#text h1 {
  margin: 0;
  line-height: 150px;
  mix-blend-mode: difference;
  color: #fff;
}

Popularity 7/10 Helpfulness 3/10 Language css

Source: stackoverflow.com

Tags: css html image text

Link to this answer
Share Copy Link