text background image css

Juandi_dt_ answered on July 21, 2022 Popularity 9/10 Helpfulness 4/10

answer text background image css

text background image css

Comment

.card-title {
  text-align: center;
  font-size: 50px;
  line-height: 50px;
  background-color: white;
  padding: 10% 0%;
  color: #000;
  /*mix-blend-mode: color-dodge;*/
  mix-blend-mode: screen;
}

/* HTML */
<div class="row">
  <div class="card bg-dark text-white">
    <img src="https://images.pexels.com/photos/1005417/pexels-photo-1005417.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=100&w=240" class="card-img" alt="...">
    <div class="card-img-overlay">
      <h5 class="card-title">B</h5>    
    </div>
  </div>
</div>

Popularity 9/10 Helpfulness 4/10 Language css

Source: stackoverflow.com

Tags: background-image css text

Link to this answer
Share Copy Link

Contributed on Jul 21 2022

Juandi_dt_

0 Answers Avg Quality 2/10

text background image css

Contents

More Related Answers

text background image css

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.