Desktop Sliding Menu
Create Desktop Sliding Menu using HTML,CSS & Jquery,when click on the menu bar button menu will show with a sliding animation.
using font awesome set menu bar button make a menu using ul & li tags. The default menu does not show on the screen. using "right:100%" property hide menu on the left side. after on click add class on the header menu show with the right side of the screen with the "right:0" position. use the "transition" property for a smooth slide effect in the menu.
in jquery on click event add class in header div for show menu. & close button removes class in header div, using windows scroll event fix menu button on scroll after some position.
use font family in layout which I use the direct link from Google font. all images & content are free resources used in layout design.
- all the design & layout created in 1920 x 1080 screen size.
- all the design & layout is responsive in desktop view.
- all the content, fonts & image are free resources.
