How can I avoid animation artifacts on my touch-draggable border-radius element on iPad?
问题 I’ve written a little example page with elements that are draggable on touch devices (based on code by Peter-Paul Koch). My example page I have two draggable <div> elements: a green block, and a red ball (made ball-shaped with border-radius ). The dragging is implemented with ontouchstart , ontouchmove and ontouchend , and the "animation" is done by changing the top and left CSS properties of these elements. When I drag the green one, all is roses and ponycorns. But when I drag the red one in