Анимированное боковое меню для сайта на CSS3

Меню сайта несомненно является важнейшей его частью, но зачастую навигация совсем не выделяется на сайте, из-за чего сайтовладелец теряет драгоценные просмотры своего сайта. Но что, если Вы хотите, чтобы навигация всегда была на виду, при этом не загружала визуально сайт, скажете это не возможно? -вот Вы и ошибаетесь. В данном уроке мы рассмотрим процесс создания именно такой навигации, которая будет по умолчанию минимизированная, но хорошо выделяться, а при наведении курсора будет происходить восхитительная анимация.
По умолчанию у нас будет десять пунктов меню, они будут выглядеть в виде иконок, в темных тонах оформленных на белом фоне, но при наведении курсора мыши каждый пункт будет окрашиваться в отдельный цвет, с появлением подписей и эффектом анимации.