Codrops release creative-css3-animation-menus, Simple composition of elements, an icon, a main title and a secondary title, that will be animated on hover using only CSS transitions and animations. We’ll be exploring some different effects for the elements.
There are 10 unique examples, all have the same HTML structure but different CSS styles that make use of CSS transitions and animations.
They are definitely beautiful “as is” and also a good starting point to create new ones.
The icons used in the demos are actually a Web Symbols typeface that we’ll include with @font-face. The typeface is done by the Just Be Nice studio.
Compatibility: All Modern Browsers
Website: http://tympanus.net/codrops/2011/10/24/creative-css3-animation-menus/
Demo: http://tympanus.net/Tutorials/CreativeCSS3AnimationMenus/index.html
