CSS3 Background Blending Demo

Image URL

Color

Color on Top

SELECT
BLENDING
MODE

SHOW CODE

Choose different blending modes without setting the color. There is no change in the image, since there is no background color.
Set color in the color box (in any CSS color format). Choose different blending modes and see how it affects the picture.
Set the color, check the 'Color on Top' checkbox, and choose 'Normal' blending mode.
As previous with different blending modes. Try 'Saturation' or 'Hue' with checkbox checked/unchecked and red color on different images.

aaa