Colors 两个自动运行的圆相交,需要使用css更改相交区域的颜色

Colors 两个自动运行的圆相交,需要使用css更改相交区域的颜色,colors,intersection,area,Colors,Intersection,Area,红色圆圈从左到右,天蓝色圆圈从右到左,在一个点上与两者相交,一旦它们满足了将重叠区域颜色更改为白色的需要,我该怎么做,有人能告诉我吗,我没有使用svg、画布来处理这个简单的div borde半径为50%的圆圈和css过渡移动

红色圆圈从左到右,天蓝色圆圈从右到左,在一个点上与两者相交,一旦它们满足了将重叠区域颜色更改为白色的需要,我该怎么做,有人能告诉我吗,我没有使用svg、画布来处理这个简单的div borde半径为50%的圆圈和css过渡移动