css部分功能样式集合

1、动画渐变

div {
  width:100px;
  transition: width 2s;
  -moz-transition: width 2s; /* Firefox 4 */
  -webkit-transition: width 2s; /* Safari 和 Chrome */
  -o-transition: width 2s; /* Opera */
}

2、阴影

-moz-box-shadow:0px -1px 5px #636363; 
-webkit-box-shadow:0px -1px 5px #636363;
 box-shadow:0px -1px 5px #636363;

3、渐变色

background-image: linear-gradient(to right, #ffffff , red);

4、不能选择

  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;

5、滚动条

.car::-webkit-scrollbar {
    /*滚动条整体样式*/
    width : 10px;  /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
}
.car::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 10px;
    box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
    background   : #535353;
}
.car  ::-webkit-scrollbar-track {
   /*滚动条里面轨道*/
    box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    background   : #ededed;
}