圈：不完全圆后

Question

我正在制作的圆并不完全是圆的，侧面似乎被裁剪了，当它大于18px或10px时，看起来很完美。问题似乎在10像素到18像素之间。为什么呢？

哈巴狗：

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

SASS：

&: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;
            } 
          }