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;
}```