I need a sample blending modes in both Photoshop and CSS. Follow these steps:

Find a nice image on pexels.com to use for your blending mode exploration.

In Photoshop, use blending modes to create a cool special effect with that image.

Create a simple HTML page with no content, and apply your image as the background image to the body element of the page, .

Set the height of the body element to 100vh.

Also give the body element a background color.

Use the background-blend-mode CSS Property to blend your background image with the background color.

create a body:hover selector, and use a different background-blend-mode value for the hover, to create an interactive background.