CSS Blend Mode (again)

[albrecht]

Dear Layteam,

I know the topic is already bespoken, but I do have trouble with blend-mode. It does not work at all an every common browser.

please check:
http://itsabook.de/2019

The red bubbles should be mulitply

Can you help me out?

.button {
	
	    -webkit-transition-duration: 0.8s; /* Safari */

	
border-radius: 1em;
padding: 1.0% 4.8% 1.3% 4.7%;
background: rgba(255,0,0,1);
background-blend-mode:multiply;
white-space: nowrap;
color: #ffffff;
font-size: 140%;
vertical-align: 10%;
letter-spacing: -0.01em;
}



.button:hover {
	border-radius: 0.4em;
opacity: 1;
background-blend-mode:multiply;
border-color: #000000;
 background-color: ff0000;
	font-size: 140%;
color: white;
}```

[mariusjopen]

Dear @albrecht
those effects are not supported by all browsers.
LayTheme does not really stand in the way.

Best is to fig a bit more into the CSS.

Best!

Marius