真棒旋转字体图标时出现问题

Question

旋转字体图标时出现问题。如果将其旋转180度，图标会稍微移动。看截图。

Not Rotate

Rotate 180Deg

代码：

<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

# database.py
conn = MySQLdb.connect(host='localhost', user='root', passwd='', db='python')
cursor=conn.cursor()

# alloweds.py
from database import cursor
...

# access.py
from alloweds import clasifier, record_user
from database import cursor
...

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