javascript - element become blur on transform

Question

i know there are already questions like that
but they have been asked a long time ago, and all the answers does not works
so evetytime i'm clicking on the bottom arrow i'm incrementing the translateY, while the content is scrolling all the elements become blurry, When in finish it returns to normal the more I get down the more the blurry it becomes

im using -webkit-transform:, and -webkit-transition

i tired

• adding translate3d(0,0,0)
• adding filter: blur(0)
• on the body element i have
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;

and still all of this does not fix the prblem

question from:https://stackoverflow.com/questions/66045674/element-become-blur-on-transform

Answer 1

Waitting for answers