Tag: CSS

  • After CSS3 ?

    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

    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

    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…

  • Hide elements for all except Screen Readers

    Hide elements for all except Screen Readers

    In web development, we do run into a situation where we want to hide an element from the user’s view, but at the same time, we also want it to be accessible to Screen Readers. In these situations, there’s a CSS approach that comes in very handy. A bunch of CSS lines make sure that…