Как убрать артефакты, и почему они вылазят.

Добрый день уважаемые. Вот столкнулся с проблемой при перекрытии элементов (overflow:hiden) вылазят артефакты.
https://jsfiddle.net/hd2kv8jd/
В данном случае это 1px на обод круга. Как его убрать ? Что я делаю не так. (Особо хорошо видно в Хроме и Опере, в Фаерфоксе, только при отработки анимации появляется)
Рисунок дал для примера, как оно должно выглядеть на выходе

Попробуйте использовать свойство clip.

1 лайк

Жаль, но не помогло. Куда я только это свойство не тулил).
Самое скверное что у clip отсчет идет от верхнего левого угла, а не с верхнего правого.
Также не помогло добавление библиотеки normalize.css. И задание magrin:0.
Эти ненужные артефакты как-то привязаны к классам
.c_orange .c_blue .c_purple и непонятно почему они вылазят(