如何解决；副作用“；使用css transorm？

我想在我的页面上使元素“倾斜”，更准确地说，我有一个.svg图像（大小100px 100px），所以我有这两个css类，我有一些奇怪的效果，左上角有一些小白线

我试图补充一点

-webkit背面可见性：隐藏

但只有在页面加载时我不悬停，它才能在Chrome中解决这个问题

.tilt {    
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.tilt:hover {    
    -webkit-transform: rotate(-50deg);
    -moz-transform: rotate(-500deg);
    -o-transform: rotate(-50deg);
    -ms-transform: rotate(-50deg);
    transform: rotate(-50deg);
}

---

你能发布一个显示问题的链接吗？…或者更好，用一个可运行的代码段在页面上显示它。你能发布一个显示问题的链接吗？…或者更好，用一个可运行的代码段在页面上显示它。