Create A Flashing Blue Menu With CSS

First off, don’t dismiss this menu design based on the screenshot image alone. Instead, click on the image below to view the impressive demo.

CSS Menu Create A Flashing Blue Menu With CSS

This cool navigation menu was created by 17-year old Felix Buhler, and it uses CSS3 keyframes property. To create the flashing effect, the menu’s attribute is simply changed from a static state to a hovered state and back again in just a short period of 200ms. Clever use of box-shadow gives it that pressed look.

To try it out on your own site, just follow the simple instructions HERE.

So far it works only in FireFox, Chrome, and Safari. Other browsers that don’t support animation and keyframes properties might have to wait for a while.

Incoming search terms for the article:

Related Posts

Oregon-Inspired Photoshop Tutorial

PS Advanced Compositioning

How To Create A Triangular Pixelation Effect Using Photoshop

Flat Icon Design Inspiration For Mobile Phone