html - Chrome中的CSS三 Angular 粒状和锯齿状

我添加了一个拨弄下面的代码。我试着做一个有边框的橙色三角形，但是边框在铬合金中显得参差不齐。有人知道吗？我在下面加了小提琴。在评论中

 <div class="slideshow-overlay-wrapper cssNip">
</div>

.cssNip {
  padding-bottom: 50px;
  position: relative;
}

.cssNip:before {
  border-left: 1000px solid #fff;
  border-right: 75px solid transparent;
  right: 50%;
}

.cssNip:after {
  border-left: 75px solid transparent;
  border-right: 1000px solid #fff;
  left: 50%;
}

.cssNip:after, .cssNip:before {
  border-bottom: 50px solid #fff;
  bottom: 0;
  content: "";
  position: absolute;
  width: 50%;
  z-index: 100;
}
.slideshow-overlay-wrapper {
    display: table;
    width: 100%;
    table-layout: fixed;
    border: none;
    background-color: #cb751b;
    margin-top: -1px;
    padding-top: 12px;
}

最佳答案

.cssNip:after, .cssNip:before {
  border-bottom: 50px solid #fff;
  bottom: 0;
  content: "";
  position: absolute;
  width: 50%;
  z-index: 100;
  transform:scale(.99999);
}

这真是愚蠢。谢谢你的帮助。

关于html - Chrome中的CSS三 Angular 粒状和锯齿状，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/32354513/