Blendy - Try CSS background blend modes easily

Design & UX
1

I recently built Blendy, a tool to preview CSS Background blend modes rapidly.

:gift:Notable features:

:heavy_check_mark:Change background color

:heavy_check_mark:Preview gradients on the image

:heavy_check_mark:Change the size of the image

:heavy_check_mark:Upload images from Unsplash or your computer

:heavy_check_mark:Copy code for a blend mode

Try it out here: https://blendy.ml
Demo Video: Youtube

I first thought of Blendy when I had a tough time choosing blend modes for a background image. Each time I changed the blend mode in my editor, saw it in the browser and repeated the process. This seemed more like firing shots in the dark. :tired_face:

Solution😃 : A tool where you can see all blend modes at once in different sizes and colors. You can also use it to preview linear gradients on the image.

screenshot%20(1)
screenshot%20(1)1349×654 408 KB

I look forward to hear your thoughts.

1 Like
4

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.