mini projects and components I wrote using HTML5/CSS3
Project 1 :
Full-Screen Menu with up/down animation and background content blur effect.
Preview: https://rawcdn.githack.com/MahdiMhqq/CSS-miniProject/1cf5406c2d8f9ef70d65bdf8bde3820270695df0/1-fullScreenMenu-1/index.html
Project 2 :
Full-Screen multi-page hero header - Style 1
Preview: https://rawcdn.githack.com/MahdiMhqq/CSS-miniProject/b8b502b15855b967bd98a77e2a0f95b33fdb7bb5/2-multiPageHeader-1/index.html
Project 3 :
Navbar menu with colorful hover effect
Preview: https://rawcdn.githack.com/MahdiMhqq/CSS-miniProject/b8b502b15855b967bd98a77e2a0f95b33fdb7bb5/3-navBar-colorful/index.html
Project 4 :
Offcanvas menu with pure HTML CSS tricks
Preview: https://rawcdn.githack.com/MahdiMhqq/CSS-miniProject/b8b502b15855b967bd98a77e2a0f95b33fdb7bb5/4-offcanvasMenu-1/index.html
Project 5 :
Accordion menu with radio buttons and 3D hover effect for sub-items
Preview: https://rawcdn.githack.com/MahdiMhqq/CSS-miniProject/b8b502b15855b967bd98a77e2a0f95b33fdb7bb5/5-accordinMenu-1-3DEffect/index.html
Project 6 :
Dropdown menu with blinking animation -- Neumorphism style
Preview: https://rawcdn.githack.com/MahdiMhqq/CSS-miniProject/b8b502b15855b967bd98a77e2a0f95b33fdb7bb5/6-dropdownMenu/index.html
Project 7 :
Full-Screen multi-page hero-header with radio buttons - Style 2
Preview: https://rawcdn.githack.com/MahdiMhqq/CSS-miniProject/b8b502b15855b967bd98a77e2a0f95b33fdb7bb5/7-multiPageHeader-2/index.html
Project 8 :
Full-Screen menu with two split sections and open/close animation for the hamburger menu icon
Preview: https://rawcdn.githack.com/MahdiMhqq/CSS-miniProject/2eb116d28c500550064e084a4775b83f9d8f1cbb/8-fullScreenMenu-2-SplitPage/index.html
Project 9 :
Full-Screen multi-page hero-header with radio buttons - Style 3
Preview: https://rawcdn.githack.com/MahdiMhqq/CSS-miniProject/2eb116d28c500550064e084a4775b83f9d8f1cbb/9-multiPageHeader-3/index.html