小编Mar*_*los的帖子

我使用由纯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都可以.我怎样才能找到解决这个问题的方法？