DEECODER

In this video, we will create an animated hamburger menu design using HTML, CSS & JavaScript. Simple and easy hamburger design  If you want to get the complete source code in a zip file then click the "Fork me on GitHub" button below that will redirect you to my GitHub account where you found all my source code files. Copy Code(select code part and copy using "CTRL + C" or using R Click to mouse)🡇 HTML <! DOCTYPE  html > < html  lang = " en " > < head >      < meta  charset = " UTF-8 " >      < meta  name = " viewport "   content = " width=device-width, initial-scale=1.0 " >      < title > Hamburger Menu Design </ title >      <!-- css -->      < link  rel = " stylesheet "   href = " style.css " > </ head > < body >      < div  id = " nav-icon " >          < span ></ span >          < span ></ span &g

In this video, we will create a butterfly hexagon icon hover effect using only HTML & CSS. An amazing social media icon hover effect that will blow your mind and the user attract easily with this. If you want to get the complete source code in a zip file then click the "Fork me on GitHub" button below that will redirect you to my GitHub account where you found all my source code files. Copy Code(select code part and copy using "CTRL + C" or using R Click to mouse)🡇 HTML <! DOCTYPE  html > < html  lang = " en " > < head >      < meta  charset = " UTF-8 " >      < meta  name = " viewport "   content = " width=device-width, initial-scale=1.0 " >      < title > Butterfly Hexagon Icon Hover Effects </ title >      <!-- my css -->      < link  rel = " stylesheet "   href = " style.css " >      <!-- fontawesome cdn -->      < link  rel = " st

In this video, we will create an amazing boxed loader animation using only HTML & CSS. If you want to get the complete source code in a zip file then click the "Fork me on GitHub" button below that will redirect you to my GitHub account where you found all my source code files. Copy Code(select code part and copy using "CTRL + C" or using R Click to mouse)🡇 HTML <! DOCTYPE  html > < html  lang = " en " > < head >      < meta  charset = " UTF-8 " >      < meta  name = " viewport "   content = " width=device-width, initial-scale=1.0 " >      < title > Animated Loader </ title >      < link  rel = " stylesheet "   href = " style.css " > </ head > < body >      < div  class = " loader " >          < div ></ div >          < div ></ div >          < div ></ div >          < div ></ div &g

In this video, we will create liquid loader animation effects using only HTML & CSS. If you want to get the complete source code in a zip file then click the "Fork me on GitHub" button below that will redirect you to my GitHub account where you found all my source code files. Copy Code(select code part and copy using "CTRL + C" or using R Click to mouse)🡇 HTML <! DOCTYPE  html > < html  lang = " en " > < head >      < meta  charset = " UTF-8 " >      < meta  name = " viewport "   content = " width=device-width, initial-scale=1.0 " >      < title > Liquid Loader Animation Using CSS </ title >      <!-- CSS -->      < link  rel = " stylesheet "   href = " style.css " > </ head > < body >      < div  class = " wrapper " >          < div  class = " circles c1 " ></ div >          < div  class = "

In this video, we will create a responsive and glass morphism-based navbar with HTML & CSS only. If you want to get the complete source code in a zip file then click the "Fork me on GitHub" button below that will redirect you to my GitHub account where you found all my source code files. Copy Code(select code part and copy using "CTRL + C" or using R Click to mouse)🡇 HTML <! DOCTYPE  html > < html  lang = " en " > < head >      < meta  charset = " UTF-8 " >      < meta  name = " viewport "   content = " width=device-width, initial-scale=1.0 " >      < title > Glass Morphism Responsive Navbar UI </ title >      <!-- css -->      < link  rel = " stylesheet "   href = " style.css " > </ head > < body >      < nav >          < a  href = " # "   class = " logo " >< img  src = " logo.png "   alt = &