can we do additive overlay in webflow?

@vincent I will ask the game designer. In the mean while, where can I check these mix blend modes within webflow?

Hi @Aimanisms , if you are referring to mix-blend-mode as found here, is that correct? mix-blend-mode - CSS: Cascading Style Sheets | MDN We do not yet have a native interface to change these values, (although good idea for that :slight_smile: however, you can add the custom css to your site in th…

@cyberdave do I just add that list as is in the header or do I need to surround it with more code? The site wasn’t specific enough on that.

Hi @Aimanisms , custom code would go in the Header or Footer or using an Embed Widget. I would suggest the following: Create a test site that you can share with others and play around with to create some working example Do some research how the mix-blend-mode is applied in real world situations. …

Hi all! Just wondering, did anyone figure out how to do this? I’m trying to create a sort of venn diagram animation on my site (screenshot below) where two circles move together then overlap, becoming one, and would love if when the circles overlapped they had a blend mode (multiply) on them. [im…

Rather add code to the custom-code area of your site’s dashboard. Like: <style> .multiply {mix-blend-mode: multiply} </style> And add a multiply class to your image in the webflow designer

Thanks Vincent, I didn’t know how to get to the custom-code area so thanks very much! I’m not on a paid plan atm so I can’t see the results but once I’ve got my subscription set up I’ll give it a test. Cheers, Jamie

[image] jamiesamman992: I’m not on a paid plan atm so I can’t see the results Why? I don’t see a custom code limitation on the free plan. Simply publish your site on webflow to see the results. http://vincent.polenordstudio.fr/snap/acqxb.jpg

Hi Vincent I also thought it was a bit strange as I couldn’t see a custom code limitation on the plans, but I tried again, here are 2 screenshots The first is before I clicked save changes [image] Then I was redirected to here… [image] Bit weird! Cheers, Jamie

Then you’re right, it’s limited. I didn’t know.

Additive overlay in webflow

Design help General

Topic		Replies	Views
Multiply effect on Gradient Overlay CMS	7	5650	April 3, 2020
Blend Modes in Webflow? General	3	7906	February 8, 2021
CSS Blending modes demo Show & Tell	8	4914	February 14, 2017
Are background video blend modes possible? General	12	11492	June 14, 2017
Can you do mix-blend-mode CSS in webflow? General	2	1122	November 25, 2019

Additive overlay in webflow

Related topics