CSS3渐变色应用实例

标签：touch   glob   overflow   height   lob   position   css3   pointer   add   

.global-header{
  nav{
    position: relative;
    #bc{
      padding: 8px 0;
      overflow-x: scroll;
      -webkit-overflow-scrolling: touch;
      &::-webkit-scrollbar{
        display: none;
      }
    }
    .overlay{
      position: absolute;
      height: 31px;
      top: 0;
      right: 0;
      left: 0;

      pointer-events: none;
      background: transparent;
      background: linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0) 24px),
                  linear-gradient(to left, rgba(255,255,255,1), rgba(255,255,255,0) 24px);
    }
  }
}

CSS3渐变色应用实例

标签：touch   glob   overflow   height   lob   position   css3   pointer   add   

原文地址：http://www.cnblogs.com/fangjifei/p/7999986.html