Как я могу избежать артефактов анимации на моем элементе границы радиуса на iPad?

Мы написали небольшой пример страницы с элементами, которые можно перетаскивать на сенсорных устройствах (на основекод Петра-Поля Коха).

Мой пример страницы

У меня два перетаскиваемых элементы: зеленый блок и красный шар (выполненный в форме шара сborder-radius). Перетаскивание осуществляется с помощьюontouchstartontouchmove а такжеontouchendи "анимация" делается путем измененияtop а такжеleft CSS свойства этих элементов.

Когда я тащу зеленый, все это розы и поникони.

Но когда я перетаскиваю красную в Safari на iPad 1 (под управлением iOS 5.1.1) или iPad 3 (6.0.1), я получаю небольшие светло-красные следы там, где были задние края круга (см. Скриншот ниже).

Я неt, однако, посмотрите эти следы на моем iPhone 5 (6.1.4).

Есть ли способ избавиться от этих троп?

(Бонусный вопрос: есть ли термин для этого эффекта? »Ghosting»? «Артефакты»?)

Ответы на вопрос(2)

Ваш ответ на вопрос