2016-02-25 2 views
-1

я имея этот glyphicon glyphicon меню вниз стрелкаспин glyphicon glyphicon меню вниз на мыши над, как glyphicon glyphicon меню-вверх

Поддержка клиентов    

<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> 

on customer support and download mobile app mouse over i want to rotate that down arrow as up how can i do it

+1

Что вы пробовали до сих пор? У вас есть код? Также, пожалуйста, отредактируйте свой вопрос, это очень сложно понять. –

+0

Ты шутишь? –

+0

извините. Я хочу, чтобы этот код, который я использовал, «поддерживал клиента» – Vivek

ответ

0

Вы можете использовать свойство transform в CSS для достижения этого.

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); 
} 

Update - теперь, когда вы выложили какой-то код, попробуйте следующее:

CSS

#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); 
} 
+0

Customer Support   . до его нерабочего – Vivek

+0

изменить '.menu-arrow' на' # spn' –

+0

спасибо, что вы сейчас работаете. – Vivek

Смежные вопросы