In this beginner-friendly blog post, we will learn how to remove the background from an image using only CSS, specifically the mix-blend-mode prope...
For further actions, you may consider blocking this person and/or reporting abuse
jeetvora331 on May 18, 2023
For further actions, you may consider blocking this person and/or reporting abuse
Your cover image is pretty misleading, as is the title of the article. If you use multiply with that, you will go from this:
To this:
Unfortunately, that is not what the
multiplyblend mode does at allYes Jon, that is true. But the cover image was only for the abstraction or the idea to show what the blog is about. I need to add this because the title sometimes can be interpreted as "remove the background image with css only". I have noted your suggestion and will try to improve from my next post.
Thankyou for your feedback !
You could just replace the image in the banner for the one you used in the article, and add an explanation that it only works on black on white images.
To achieve the effect presented in the first image you could use mask-image, instead - with the boy's silhouette and the bulb in black, and the rest set to transparent.
superb
cool, i think i need more css tricks like this ✨
Would you allow me to publish your post translated into Brazilian Portuguese, here on DevTo 😉?
cool, i think i need more css tricks like this
Thanks!
A