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

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

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

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