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.
1246de832fe043e8bded8a4e102d9177.jpg
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)
July 9th 19 at 10:37
1 answer
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

Find more questions by tags CSS