How it works
Using one or more newer CSS properties (
filter) gives us a surprising amount of possibilities to manipulate a single source image.
The unedited background-image manipulated using CSS.
In most of these effects the single source background-image url is repeated one or more times and blended with itself using CSS blend modes (
In some of these effects, the CSS
... read the whole story at bennettfeely.com.
filter property is used to further refine the output. Functions like
contrast() can and should be tweaked to achieve a better result for images you use.