Webkit border-radius and overflow bug when using any animation/transition

Question

I am having getting a weird bug when I use a combination of overflow, border-radius, and transition. I have a div with an img inside o

Answer 1

I have faced this issue on Safari(It's a known bug in safari); fixed by applying -webkit-mask-image and it work for me perfectly. cheers

.block{
       -webkit-mask-image: -webkit-radial-gradient(white, black);
      }