Blending mode in CSS
Date: 07/12/11
(WebDesign) Keywords: css, web, google
Hi all.
I hope you guys can help me, google wasn't that big of a friend in this case.
So I'm making a menu area for my website with the following characteristics:
. The area is defined by an image that's randomized from a selection of images with the same size.
. Over the image there are the menu items, in white and always the same.
. When you roll over a menu item, a red bar appears between the image and the type, making it clearer. If you're not rolling over, the current page is selected in the menu in the same way.
Now here's my problem: I want the red bar to have a multiply blending mode, not a simple red block or transparency. Since the image is random, this has to be a property of the bar, regardless of what under it. Is this doable in css? Js? Multiply is basically a digital equation, so I hope it's possible.
Or you can just mock me if there's something essential I'm forgetting.
HALP.
Source: https://webdesign.livejournal.com/1585155.html