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;
}
