css3新增：阴影 滚动条 省略号

1. 阴影,一定有x,y,颜色

box-shadow: 2px 10px #01d699;
box-shadow: 2px 10px  5px #01d699; //倒二个是偏移量
box-shadow：inset 2px 10px #01d699;

2. 滚动条

. scrol ::- webkit - scrollbar {
 width :4px;
 height :2px;
}

. scroll ::- webkit - scrollbar - thumb {
 border - radius :10px;
- webkit - box - shadow : inset 0 0 5px rgba (0,0,0,0.2);

}

3. 省略号

//单行省略:考虑文本和空白，overflow
text-overflow:hidden；
white-space:norwap；
overflow：hidden；

　　多行省略参考：【前端单行省略号和多行省略号】https://mbd.baidu.com/ma/s/PBzWdNFP