.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>
| Code Example |
|---|
| Css :: input backgound color |
| Css :: css set text color |
| Css :: fix scroll css position sticky |
| Css :: text align left css |
| Css :: visited links do not change color |
| Css :: textarea resize grabber style |
| Css :: css flexbox syntax |
| Css :: css stroke |
| Css :: reference images from css in django |
| Css :: sass loader |
| Css :: CSS line-height values |
| Css :: prefix in css |
| Css :: css button generator |
| Css :: icon circle css |
| Css :: css forbidden cursor |
| Css :: border radius color html |
| Css :: change border highlight color on an input text element |
| Css :: mitmf install |
| Css :: react wrapper component |
| Css :: css 2 divs nebeneinander |
| Css :: animation background css |
| Css :: css waves background |
| Css :: variable in scss |
| Css :: circle percentage css |
| Css :: form css design |
| Css :: css rounded circle image |
| Css :: rendre une div scrollable |
| Css :: preserve aspect ratio image css |
| Css :: css text effects |
| Css :: html css landing page |