Custom Image black as background CSS?

One of the things I like to do is include a range slider (from 0 to 100) for darkening the background image (or you could use the same technique for making the background image more transparent):

<?php $alpha = block_value( 'background-darken' ) / 100; ?>
<div style="background-image:url(<?php block_field( 'image' ); ?>); background-size: cover;">
    <div style="background-color:rgba(0,0,0,<?php echo $alpha; ?>); ?>
        <!-- content here -->
    </div>
</div>

• This reply was modified 5 years, 1 month ago by Luke Carbis.
• This reply was modified 5 years, 1 month ago by Luke Carbis.