在悬停链接上旋转图标

Question

之后我添加了链接和图标。

Cannot update 'roles' and 'roles' at the same time

如何在悬停在链接上时将图标旋转90度？

Answer 1

使用此：

.link--primary:hover .icon {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);
}

IE＆lt; = 8和Opera Mini不支持旋转。 - ＆GT; http://caniuse.com

编辑前缀支持转换。

-webkit-transition: transform 1s;
-moz-transition: transform 1s;
transition: transform 1s;