Clicking on the hamburger button opens a menu in a circle, each item of which is also a circle. This menu has no title and each item has an icon. The background color of each menu item is different.
Each menu item in this code is displayed as a hang. The background of the submenus is gray and each item under the menu turns green during the hover.
The menu displayed in this code is prepared in 3D for mobile display. The background of this menu is blue and purple gradient.
The menu in this code opens in the corner of the image and by clicking on the hamburger button. This menu has four levels and shows us up to four levels under the menu.
In this post, there are a number of icons on the left side of the page that click on each of them to change the color of the page.
Each menu item is colored orange when selected and displayed with animations and icons.
This menu is horizontal and has a black background with some transparency. Menu items are all white and there is an icon next to each item.
In this post, clicking on the large button in the middle of the page opens the menu. Menu items are placed vertically below each other. Each menu item turns yellow during the hover.
In this post, we will create a code for the menu along with the animation. The icons in this menu are normally gray, and by selecting each one, an animation is performed, such as water flowing inside them, and the icon becomes colored.
By selecting each item, a blue oval will be placed on the selected item in the menu. The whole menu is also oval.
In this post, horizontal menus are placed along with icons. These menus are available in different colors of blue, black and gray. Each of the menus is placed in two forms with title and without title.
Menu items contain only one icon. Click on any of the menu icons to change the background of the card that is connected to the menu..