Как убрать расстояние между границами при повороте блока?

Question

[Владислав]

Добрый день.
Делаю такую штуку:

На фоне - картинка с пунктирными кругами, оранжевая половина круга - css.

Код (префиксные варианты убрал , чтобы не загромождать):
.circle2-inner {
background: url(images/index/circle2-inner.png) no-repeat center center;
width:238px;
height:238px;
border-radius: 50%;
border-width: 47px;
border-style: solid;
border-top-color: #ffc000;
border-right-color: #ffc000;
border-bottom-color: transparent;
border-left-color: transparent;
transform: rotate(45deg);
}
Вроде всё норм, но видны "границы между границами":

Это только при повороте. Без поворота этого не видно.
Как убрать?

Comments

[Сергей delphinpro]

лучше такие вещи лучше дополнять кодом на jsfiddle.net

это следствие трансформаций — субпиксельное сглаживание границ.
поворачивайте на 44 градуса, чтобы блоки перекрывались и границу не было видно.

[Владислав]

Сергей delphinpro, https://jsfiddle.net/Buggy/d1ft97ah/#&togetherjs=g...
Не помогает. Я пробовал и раньше.