Mix Blend Mode

15 Posts

email_ar posted this 10 April 2020

I am assigning a css class to a text element as shown in the example below.

.invert-text
{
color: #ffffff;
mix-blend-mode: difference;
}

This does not work. Am I missing something

I am assigning a css class to a text element as shown in the example below. .invert-text { color: #ffffff; mix-blend-mode: difference; } This does not work. Am I missing something

css-blend-modes

Vote to pay developers attention to this features or issue.

1 Reply

Order By: Standard | Newest

Support Team posted this 13 April 2020

Hi Arch,

please check that you have added the class name correctly to the element and without a dot. Then also try to set the important value to the color like this:

.invert-text
{
color: #ffffff!important;
mix-blend-mode: difference;
}

...................................................
Sincerely,
Hella
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hi Arch, please check that you have added the class name correctly to the element and without a dot. Then also try to set the important value to the color like this: .invert-text { color: #ffffff!important; mix-blend-mode: difference; } ................................................... Sincerely, Hella Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp

Company

Product

Themes & Templates

Nicepage

Web Design