Html 当Glyphion菜单向上时，在鼠标上方向下旋转Glyphion菜单

我有这个图标图标菜单向下箭头

客户支持

<a  class="dropdown-toggle" data-toggle="dropdown" id="navLogin" href="#" style="position:relative;right:10px;" > <span class="glyphicon glyphicon-menu-down" id="spn"></span></a>

---

您可以使用CSS中的

transform

属性来实现这一点

CSS

.menu-arrow {

    /* The transition, this will animate the rotation */
    transition: transform 600ms ease;
}

.menu-arrow:hover {

    /* Rotate the element 180deg on hover */
    transform: rotate(180deg);
}

#spn  {

    /* The transition, this will animate the rotation */
    transition: transform 600ms ease;
}

.dropdown-toggle:hover #spn {

    /* Rotate the element 180deg on hover */
    transform: rotate(180deg);
}

更新-现在您已经发布了一些代码，请尝试以下操作：

CSS

.menu-arrow {

    /* The transition, this will animate the rotation */
    transition: transform 600ms ease;
}

.menu-arrow:hover {

    /* Rotate the element 180deg on hover */
    transform: rotate(180deg);
}

#spn  {

    /* The transition, this will animate the rotation */
    transition: transform 600ms ease;
}

.dropdown-toggle:hover #spn {

    /* Rotate the element 180deg on hover */
    transform: rotate(180deg);
}

---

到目前为止你试过什么？你有密码吗？另外，请编辑你的问题，它非常难理解。你在开玩笑吧？对不起。我想解决这个代码，我在那里使用“客户支持”。直到它不起作用为止，将

。菜单箭头

更改为

#spn

在您发布任何代码作为显示示例解决方案的手段之前，已发布此答案。为萨米尔的投入干杯。