CSS3 tip / trick til animerede menuer

[lath]

Skal du lave noget en web side så er der her nogle ret fede animationer skrevet i CSS3 og en smule javascript på dem her web side: http://tympanus.net/Development/PerspectivePageViewNavigation/index6.html

1. Tryk først på en ad de grå knapper - det bestemmer animationen der køres.
2. Tryk på den orange "Show menu" knap for at se animationen.
3. Klik på vinduet med "Show menu" knappen og de grå knapper for at komme til punkt 1 igen.

Der er også noget andet at kigge på:

• Animated Border Menus http://tympanus.net/Tutorials/AnimatedBorderMenus/
• Transitions for Off-Canvas Navigations http://tympanus.net/Development/SidebarTransitions/
• Multi-Level Push Menu http://tympanus.net/Development/MultiLevelPushMenu/
• Responsive Multi-Level Menu http://tympanus.net/Development/ResponsiveMultiLevelMenu/
• Sidebar Transitions http://tympanus.net/Development/SidebarTransitions/
• Google Nexus Website Menu http://tympanus.net/Tutorials/GoogleNexusWebsiteMenu/
• On Scroll Header Effects http://tympanus.net/Development/HeaderEffects/
• A Collection of Page Transitions http://tympanus.net/Development/PageTransitions/
• Der er tutorials, artikler og blueprints på http://tympanus.net/codrops/

/Lars