小编Wij*_*d M的帖子

真棒，你用你宝贵的时间来阅读我的问题！

我正在尝试在悬停时翻转 div。一切顺利，但在过渡期间它会闪烁。它几乎看起来像是在翻转多次！这破坏了翻转的整个效果。以下是我的代码和小提琴：

小提琴：小提琴

而对于CSS：

.rotate {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    padding:20px;
    background-color: #333;
    width: 200px;
    text-align: center;
    margin: 0 auto;
    font-family: sans-serif;
    color: #FFFFFF;
    border-top: #E9F01D 3px solid;
}
.rotate:hover {
    letter-spacing: 5px;
    color: #E9F01D;
    cursor: pointer;
    -ms-transform: rotatex(360deg);
    -webkit-transform: rotatex(360deg);
    transform: rotatex(360deg);
}

这种闪烁效应是否可以预防？如果是这样，我该怎么做？

提前致谢！