🔰🔰 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
Local Storage vs Session Storage
Choose Local Storage for persistent, cross-session data and Session Storage for temporary, tab-specific data, ensuring sensitive information is handled securely server-side.
❤2
A visualization of different flex axes in CSS, for different flex directions 😎
❤4
🔰 CSS: Text with image background
Here is how you can fill a piece of text with a background image which is still accessible! And here is how it works:
👉 Create a background image which fits a rectangular image for the box containing the text
👉 Clip the background to be visible only where there is text, using the background clip properly
👉 Finally set a transparent foreground color for the text itself such that the background is visible
Here is how you can fill a piece of text with a background image which is still accessible! And here is how it works:
👉 Create a background image which fits a rectangular image for the box containing the text
👉 Clip the background to be visible only where there is text, using the background clip properly
👉 Finally set a transparent foreground color for the text itself such that the background is visible
❤5