Навигация для на сайте это всегда важна часть разработки, ведь она помогает сориентировать посетителя, указав ему  необходимую информацию на ресурсе. Красивое меню, которое своей анимацией притягивает взор, можно встретить на многих сайта. Но не каждый разработчик, особенно начинающий, может создать подобное меню которое будет отличным дополнением. В данном уроке мы рассмотрим как создать темное анимированное меню только с использованием css. Идея заключает в том, что подпункты подлетают к активной секции..

 
Для начала начнем с разметки HTML, которая будет построена с помощью неупорядоченного списка:

Как можно заметить ничего сложного в списке нет, тут легко можно добавить новые пункты и подпункты.

Далее мы рассмотрим сами стили CSS3, с помощью которых будет стилизировано данное меню, останавливаться более подробно нет смысла, основные параметры подписаны в коде:

Материал взят из зарубежного источника. И представлен исключительно в ознакомительных целях.