Media is too big
VIEW IN TELEGRAM
🔅 Responsive Sidebar Menu in HTML CSS & JavaScript
In this video tutorial, you will learn to create a responsive Responsive Sidebar Menu using HTML CSS & JavaScript with Dark and Light Mode. I have provided all source code that I have used to create this sidebar menu, the link has been given below.
❤4
In CSS, the "cap" unit is defined as the size of the capital letter of the current font size.
🤩 This is very handy for defining icons that accompany some label, such as inside bottons
In this example, we have defined an icon with height 1cap, which makes it equal to the letter "S" height.
We also have aligned this icon to the baseline for a perfectly aligned text and icon ✨
🤩 This is very handy for defining icons that accompany some label, such as inside bottons
In this example, we have defined an icon with height 1cap, which makes it equal to the letter "S" height.
We also have aligned this icon to the baseline for a perfectly aligned text and icon ✨
❤2
🔰🔰 Creating a funky cool sidebar animation in CSS is not that complex 🔥
👉 If you want to cut down the funkyness, you could also skip the scale and use only translate
Here we create a simple animation to hide and show the sidebar, while translating the main content of the page to the right.
👉 If you want to cut down the funkyness, you could also skip the scale and use only translate
Play with different values for timing functions, duration etc to achieve the effect you need! If you build something I'd love to see it, send them my way! 📥
❤4
Some small CSS tips, that aren't significant enough for their own individual posts 😁
❤3