Answers for "css fade horizontal edges"

css image fade edges

<div class="image"></div>
<style>
  .image {
     background-image: url('your-image-url-here');
     /*set height and width of your image*/
     width: 300px;
     height: 300px;
     box-shadow: 0 0 8px 8px white inset; /*match the box-shadow color with the bg color*/
  }
</style>

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