Kevin Powell - CommunityKP-C
Kevin Powell - Community•2y ago•
4 replies
sohunn

CSS transitions

I have an unordered list that looks like
        <ul class={`nav-links row ${isExpanded ? '' : 'hidden'}`}>
            <li class="nav-link"><a href="/">Home</a></li>
            <li class="nav-link"><a href="/">About</a></li>
            <li class="nav-link"><a href="/">Contact</a></li>
            <li class="nav-link"><a href="/">Login</a></li>
        </ul>

i'm doing mobile first design and i have a hamburger icon and when you click on it, the navbar expands. when the navbar is not expanded, i simply hide the ul by setting its display to none. i want to add a transition when this happens to make sure the change is smooth. i tried to add a transition on the ul but that didn't work and i'm unsure what to do
Was this page helpful?