How to cater background-blend-mode on mobile?
I'm have a background image with below code
body {
min-height: 100dvh;
width: 100%;
background: url(assets/line_pattern-2.png),
linear-gradient(180deg, #0050a2 0%, #000 100%);
background-size: 400px 400px, 100%;
background-repeat: repeat, no-repeat;
background-blend-mode: multiply, normal;
font-family: Arial;
}
I wonder how can I make the
body {
min-height: 100dvh;
width: 100%;
background: url(assets/line_pattern-2.png),
linear-gradient(180deg, #0050a2 0%, #000 100%);
background-size: 400px 400px, 100%;
background-repeat: repeat, no-repeat;
background-blend-mode: multiply, normal;
font-family: Arial;
}
I wonder how can I make the
background-blend-mode: of my png work on ios safari as well?
