Я создал круговое меню , используя трапеции, выполненные с использованием чистого CSS, но когда я их вращаю, Firefox показывает линию с обеих сторон, а в Opera - все трапеции имеют странный фон/пограничный цвет, вид прозрачного. Трапецоиды выглядят так.
.trapezoid {
width: 100px; height: 0px;
margin: 55px auto 0 auto;
border-bottom: 140px solid black;
border-left: 35px solid transparent;
border-right: 35px solid transparent;
transition: rotate (100deg);
}
Chrome и IE9 в порядке. Как я могу найти способ исправить это?