Blend Mode Types

HTML
1
2
<div class="card screen">Screen</div>
<div class="card multiply">Multiply</div>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
SCSS
1
2
$overlay-color: rgba(30, 30, 200, 0.3);
$overlay-gradient: linear-gradient(180deg,
    transparent, rgba(30, 30, 200, 0.8));
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
JAVASCRIPT
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
Expand for more options Login