sass - circle : 在不完全圆之后

Question

我做的圆圈不是完全圆的，两边似乎被裁剪了，当它大于 18px 或 10px 时，它看起来很完美。问题似乎在 10px 和 18px 之间。这是为什么？

哈巴狗：

section.article-main-sidebar
  .article-main-sidebar-breadcrumb
    ul(class='breadcrumb-list  circular-shape_color-category_'+one_badge)
      li(class='breadcrumb-list-item1')
        a(class= 'breadcrumb-list-item1-shape1')
          span(class= 'text text1') text

萨斯：

&:hover{
            &::after{
              content: '';
              width:12px;
              height: 12px;
              left:9px;
              top:4px;
              position: absolute;
              z-index: 20;
              border-radius: 50%;
              transform-origin: center;
              animation: grow 0.2s ease-in-out;
            } 
          }

标签： sass