Performance – Mixed Mixed Mode Rolling Lag

Just use’mix-blend-mode: overlay’ on the text element and it will cause my browser to scroll very slowly when the text is in screen view. Scrolling After the text item, scrolling will return to smooth butter.

If I delete mix-blend-mode, it will affect the delay effect of chrome and firefox.

Is there any Does anyone else have similar problems with mixed mixed mode?

Not sure if this will help your situation, but I have a’transform: zoom ( -1);’ is set on the element with “mix-blend-mode” enabled. When I delete the conversion, the performance is as smooth as silk! So, if you are using any type of’conversion’, I will delete it and look for alternative solutions if possible.

If you set the “isolation” property to the layer below , May also be helpful, for example: https://developer.mozilla.org/en-US/docs/Web/CSS/mix-blend-mode#HTML_example

< p>Just use’mix-blend-mode: overlay’ on the text element, it will cause my browser to scroll very slowly when the text is in screen view. After scrolling through the text item, the scrolling will return to smooth The butter.

If I delete the mix-blend-mode, it will affect the delay effect of chrome and firefox.

Is there anyone else who has similar problems with the mixed mode ?

Not sure if this is helpful in your situation, but I have a’transform: zoom(-1);’ after enabling the “mix-blend -mode” element is set. When I delete the conversion, the performance is as smooth as silk! So, if you are using any type of’conversion’, I will delete it and look for alternative solutions if possible.

If you set the “isolation” property to the layer below , May also be helpful, for example: https://developer.mozilla.org/en-US/docs/Web/CSS/mix-blend-mode#HTML_example

Leave a Comment

Your email address will not be published.