css3因旋转出现的锯齿应该如何解决

css3因旋转出现的锯齿应该如何解决，下面编程教程网小编给大家详细介绍一下解决方法！

利用元素外层容器的overflow:hidden; 加上元素margin:-1px，具体代码如下：

.container {
  position: relative;
  overflow: hidden;
}
.box {
  margin: -1px;
  width: 200px;
  height: 200px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

以上是编程学习网小编为您介绍的“css3因旋转出现的锯齿应该如何解决”的全面内容，想了解更多关于 前端知识 内容，请继续关注编程基础学习网。