Powered By

Simple menu using DIV and CSS

I tried to design a very simple menu bar, using DIV component and made it animated with some CSS properties and here is the result. In this menu i have not used List.


Here i have used divs as the menu element and all those menu element divs are placed within a div with id 'main_menu'. To obtain the transparent effect, i placed a div in the background of this main_menu div using the CSS property:position:absolute. So that two divs are kept overlapped. And i used the CSS property:opacity to attain the transparent effect in the background.

Related Posts by Categories