How to turn off the menu item when hovering?

Question

How to turn off the menu item when hovering?

Friends, there are horizontal two-level menus, which are spaced the usual list. This menu is a graphical element is an arrow that is there now is using the background-image property. The goal is to make sure that it (arrow) unfolded down when you hover on a menu item. Need to do CSS forces.

How? It is clear that you need to use transform: rotate; But what about the arrow to add it to the list another tag? Advise)

CSS

rahul_Kuhn92 asked July 9th 19 at 10:37

Related questions

More answers about "How to turn off the menu item when hovering?"

1 answer

kevon_Torphy answered on · Accepted Answer · 2019-07-09T10:39:27.278Z

kevon_Torphy answered on July 9th 19 at 10:39

Solution

li::before{
background-image: ...
}
li:hover::before{
transform: rotate(-90deg);
}

still transition: all .3s; for beauty - cleve_Murray commented on July 9th 19 at 10:42

well windorah prefixes for cross-browser compatibility ) - eldora80 commented on July 9th 19 at 10:45

Thanks) - rahul_Kuhn92 commented on July 9th 19 at 10:48