Тестируем transform (CSS3)

В данном примере использую свойство CSS3 transform при наведении курсора делаю поворот объекта, в данном случае <li> на 30 градусов, поворот выполняеться с использованием селектора :hover , но с задержкой трансформации, используя свойство transition-property и transition-duration .

Всем трем свойствам приходиться прописывать суффиксы -webkit-, -moz- и -o- для поддержания кросброузерности

Результат оцените сами, мне лично понравилась, можно будет где-то использовать и не только в анимированном меню

Еще для текста меню применяю свойство со значением none user-select:none, это позволяте избегать ненужного выделение текста в меню и соответствующих ненужных артифактов.