html, body {

    width: 100%;

    height: 100%;

    display: flex;

    // background: linear-gradient(90deg, #666, #fff);

}

​

ul {

    width: 300px;

    margin: auto;

    display: flex;

    flex-wrap: nowrap;

    overflow-x: scroll;

    // mask: linear-gradient(90deg, #000 70%, transparent);

    // border: 1px solid #999;

    padding: 5px;

    li {

        margin-right: 12px;

        border-radius: 5px;

        border: 1px solid #666;

        padding: 4px;

        cursor: pointer;

        &:hover {

            background: #666;

            color: #fff;

        }

    }

}

​

::-webkit-scrollbar {display: none;}