我有一个问题，当令人敬畏的旋转字体图标时。

Question

我有一个问题，当我旋转一个fontawesome图标，如果我把它旋转180度，图标会移动一点。 看截图。

不旋转

旋转180度

编码。

<i class="fa fa-angle-down icon-show"></i>
.icon-show {
    transform: rotate(180deg);
    transition: all 0.15s ease-in;
}
.icon-show:hover {
    transform: rotate(360deg);
    transition: all 0.15s ease-out;
}

Answer 1

.icon-show {
    transform: rotate(180deg);
    transition: all 0.15s ease-in;
}
.icon-show:hover {
    transform: rotate(360deg);
    transition: all 0.15s ease-out;
}

<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/>
<i class="fa fa-angle-down fa-2x icon-show"></i>