Добрый день.
Делаю такую штуку:
На фоне - картинка с пунктирными кругами, оранжевая половина круга - 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);
}
Вроде всё норм, но видны "границы между границами":
Это только при повороте. Без поворота этого не видно.
Как убрать?