I need to mix two images (in multiply mode), as I understand it can only be done using background images.

How to mix two background images, if one image should not be repeated, and the other should (this is a pattern)?

How to do this with SASS (CSS)?

1 answer 1

*{ padding: 0; margin: 0; box-sizing: border-box; } html, body{ height: 100%; } body{ background: url('http://feelgrafix.com/data_images/out/12/859723-nature-background.jpg') no-repeat center top; background-size: cover; position: relative; } body:before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('https://appzumbi.com/pd/e/grey-pattern-background-rectangle-fbcn.png'); }