1.CSS3背景，漸變，蒙版
（1）背景原點(diǎn) 用來決定圖片的原始起始位置
background-origin：padding-box; (默認(rèn))
border-box | padding-box | content-box
（2）背景切割 將背景圖片做適當(dāng)?shù)牟眉簦赃m應(yīng)需要
background-clip ：
border-box | padding-box | content-box
（3）背景尺寸
background-size：200px,100px;
1>length 長度值
2>percentage 百分比 100% 50%
3>cover 等比例縮放到完全覆蓋容器
4>contain 包含在容器內(nèi)
（4）背景透明
1.background-color：rgba(134,125,222,0.5);三原色 透明度
2.opacity:0.5; 兼容寫法：filter：alpha(opacity=50);
（5）背景漸變
background:-webkit-linear | radial-gradient (水平起點(diǎn) 垂直起點(diǎn) , 顏色1 ?百分比%, 顏色2 ?百分比%, ... ,顏色N 100%);
1>線性漸變
background:-webkit-radial-gradient(50px 50px,#fff 1%,#000 100%)
2>徑向漸變
background:-webkit-linear-gradient(top,#000 0%,#fff 36%,#000 100%)
遠(yuǎn)近互聯(lián)前端小華整理發(fā)布，希望能對(duì)學(xué)習(xí)技術(shù)的你有所幫助
遠(yuǎn)近互聯(lián)專業(yè)提供網(wǎng)站建設(shè)、APP開發(fā)、網(wǎng)站優(yōu)化、外貿(mào)網(wǎng)站SEO、微信運(yùn)營的品牌整合營銷服務(wù)，讓客戶通過網(wǎng)絡(luò)品牌建立與網(wǎng)絡(luò)傳播提高業(yè)績。
