Third Mind | CSS3 Animated Menus
1572
post-template-default,single,single-post,postid-1572,single-format-standard,ajax_leftright,page_not_loaded,,qode-title-hidden,side_area_uncovered_from_content,transparent_content,qode-child-theme-ver-1.0.0,qode-theme-ver-10.0,wpb-js-composer js-comp-ver-4.12,vc_responsive

CSS3 Animated Menus

Some of these might be a little cheesy¬†but this is a good example of where css is at today. Obviously not supported in older browsers but if used in the right situations it won’t matter that they won’t see this fancy pants stuff. I tested quickly on Mac[Chrome, Safair, Firefox] and aside from some weirdness with the icons (because they are text based) it worked fine in all 3. On PC IE8 there are no animations but it does go right to the hover state (minus the blur effect). IE9 should support 2D transformations but didn’t have it to test on.

http://tympanus.net/Tutorials/CreativeCSS3AnimationMenus/index4.html