Skip to content

Transition delay improvement - Listing 15.10 #8

@pradoh97

Description

@pradoh97

Instead of applying transition-delay to the nav labels always, just apply it on hover. Changing the selector from:
.nav-links > li:nth-child(n) .nav-links__label
to
.nav-links:hover > li:nth-child(n) .nav-links__label
helps preventing the delay when using tab to navigate (different timings in appearances are noticeable) also it removes the delay while transitioning from the hover to the normal state.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions