Horizontal scroll menu fade edges

.navbar
    float: left
    height: 40px
    min-width: 100%
    display: flex
    flex-wrap: wrap

    .navbar-item
        padding: 13px 0px
        font-size: 12px
        line-height: 14px
        text-transform: uppercase
        display: inline-block
        float: left
        margin: 0px 10px

        &.active
            padding: 13px 0px 11px 0px
            border-bottom: 2px solid $light-blue

        &:hover
            cursor: pointer

        a 
            color: $dark-grey
            font-weight: 600
            text-decoration: none

Source: stackoverflow.com

Similar codes

0 vote351 views1 answer
The CSS to make all the columns equal in width is as follows
CSS
22 votes333 views2 answers
Rgb white
CSS
13 votes324 views2 answers
How to middle text css
CSS
28 votes348 views3 answers
Box shadow to make border bottom
CSS
0 vote392 views1 answer
Edge ontouchmove does not work correctly
CSS
24 votes321 views3 answers
Css remove outline
CSS
0 vote360 views1 answer
Custom taxonomy pagination 404
CSS
5 votes327 views4 answers
What is inset in css
CSS
0 vote338 views1 answer
Animated progress bar css
CSS
0 vote352 views1 answer
Css aplying everything
CSS