Tag: CSS
-
Difference between min-content, max-content, and fit-content
The min-content, max-content and fit-content are CSS properties applicable for widths. These are used to control the size of elements based on their content, but they behave differently: 1. min-content 2. max-content 3. fit-content Comparison Feature min-content max-content fit-content Grows with content ❌ No ✅ Yes ✅ Yes Shrinks to fit ✅ Yes ❌ No ✅ Yes (up…
-
After CSS3 ?
CSS is rapidly evolving now. From just announcing css variables to now having cascade layers, scroll-driven animations without the need of any Js, CSS has really come a long way.Below are some of the new concepts you can explore, learn about. I’ll writing posts on each of them very soon. Simple (Basic concepts, straightforward usage):…
-
Make your website page navigations smoother
Among many of the new CSS API, ViewTransition has been one promising thing to look out for. There’s one CSS rule hack which makes your website’s navigation experience very smooth. The @view-transition CSS rule with navigation: auto; is part of the View Transitions API. This rule provides a simple way to create smooth animated transitions…
-
Change Bootstrap 5 Navbar Toggler color
The newest version of Bootstrap uses a dataURI image instead of a CSS icon. And it becomes difficult if you want to animate it or want to change color. Here’s the way to change the color if you need to. Original Image: All you need to do is to replace the value present inside stroke…
