@govbr-ds/core
Version:
Padrão Digital de Governo
28 lines (27 loc) • 638 B
HTML
<style>
.legibilidade .content {
position: relative;
}
.legibilidade .effect {
background: rgba(var(--rgb-secondary-09), 0.45);
color: var(--color-secondary-01);
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
}
</style>
<div class="row">
<div class="col-auto">
<div class="br-card legibilidade">
<div class="front">
<div class="content p-0"><img src="https://picsum.photos/400" alt="imagem aleatória"/>
<div class="effect">
<div class="p-3">Scrim - Legibilidade</div>
</div>
</div>
</div>
</div>
</div>
</div>