All files (1796) 3 Dimensional (89) ActionScript (110) Animations (194) Banner Rotators (17) Bitmap Manipulation (19) Buttons (72) Clocks and Date (31) Contact Forms (17) Fractals (30) Games (109) Image Effects (98) Intros (8) Learning (10) Logos and Banners (33) Media Players (31) Menus (213) Misc (108) Mobile Devices Content (12) News Readers (7) Particle Effects (95) Photo Galleries (139) Physics and Motion (38) Preloaders (45) Simulations (18) Templates (37) Text Effects (55) User Interface (102) Web Apps and Data (59)

Being in the mood for experimenting with CSS3, Id like to show you some creative menu hover effects in todays tutorial. The idea is to have a 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. Well be exploring some different effects for the elements.
The icons used in the demos are actually a Web Symbols typeface that well include with @font-face. The typeface is done by the Just Be Nice studio.

Creative CSS3 Animated Menus

Being in the mood for experimenting with CSS3, Id like to show you some creative menu hover effects in todays tutorial. The idea is to have a 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. Well be exploring some different effects for the elements.
The icons used in the demos are... more >
Listing url: tympanus.net/codrops/2011/10/24/creative-c...
490 downloads, 11492 views

css3 css animated menu menus

Download (191.52 KB)

Comments

You need to login to post a comment.

jhsfff 8 years ago

very good, supimpa.

J.Kovalev 9 years ago

Nice job. To be in the mood for anything is the only way to do something meaningfull. :)

gastonmcote 9 years ago

Thanks!

Corsair 9 years ago

Thanks!

mworld 9 years ago

thanks it helped a lot to me.

show all 9 comments