Witam :)
A więc posiadam sobie menu:
ol>li>ul>li
Po najechaniu na li (Poziom I) pojawia się ul(z listami) li (link)
ol>li:hover ma animacje z box-shadow: 0px 0px 105px 13px rgba(0,0,0,0.75);
ol>li:hover>ul ma animację box-shadow 0px 25px 70px 13px rgba(0,0,0,0.75)
i tu nasuwa się moje pytanie. Jak nie zmieniając wysokości i szerokości w box-shadow stworzyć o to taki efekt jak w Poziom II?:
:
Czyli box-shadow z ol>li>ul nie ma nachodzić na ol>li
Próbowałem to osadzić na 2 animacjach lecz ta z ol>li>ul nachodzi na tą ol>li. Proszę o jakąś podpowiedź :)
Kod: http://codepen.io/Sedkimikara/pen/gLVPEm
Z góry dziękuję