Hello everyone!
Would anyone be able to help me and identify the source of the problem.
I do not know why the “mix-blend-mode” property (in this case with the “difference” value) partially works in the phone browsers: Chrome and Firefox (navigation is ok, the rest is not blending) but it’s correctly displayed on their desktop equivalents.
- mix-blend-mode is applied to DIV that contains text only
- Those DIVs have background (that’s rendering on phones also)…
- …and transparent border
- SVG background have no “transform” code
It could be a problem with supporting this property on Android apps, but menu is blending correctly so what’s the problem with other DIVs?
website: http://kasiasokolowska.pl/new/
css file: http://kasiasokolowska.pl/new/css/style.css