border-radius :?

????????????????削圓角? ?可以跟四個角 要削角的像素值? ? 左上開始順時針轉(zhuǎn)? ?border-radius: 10px 20px 30px 40px;

????????????????每個角都有一個水平半徑和垂直半徑? ? border-radius:? 100px/50px;水平半徑/垂直半徑

box-shadow:

? ? ? ? ? ? ? ? ? 屬性值:? ? ? x方向偏移? ? ?y方向偏移? ? ?陰影發(fā)散度 (模糊度)? ? ? 陰影寬度? ? ?陰影顏色

? ? ? ? ? ? ? ? ? 陰影可以設(shè)置多組值,用逗號隔開

background:背景設(shè)置

? ??????????????background-origin 設(shè)置第一張背景圖片開始鋪的位置? ?border-box從邊框開始 padding-box? content-box

? ? ? ? ? ? ? background-clip背景裁切? ? ?屬性值同于上者

? ? ? ? ? ? ? background-size: 設(shè)置背景圖的尺寸

? ? ? ? ? ? ? -webkit-mask-image: url(路徑)? 背景蒙版 可設(shè)置是否平鋪? size? ? -webkit-是兼容性寫法

? ? ? ? ? ? ? background:linear-gradient(to left,red,orange,yellow,#00ff00,cyan, blue,purple);

? ? ? ? ? ? ? ? 線性漸變:? ?方向,顏色至少兩個(可以加漸變位置,用小括號寫到顏色后邊),? ? 可以寫多個

? ? ? ? ? ? ? radial-gradient:徑向漸變 (半徑 形狀 at 圓心位置,顏色1(漸變位置),顏色2,....)

? ??????????????????????????????????????????1,circle:圓 2,ellipse:橢圓形

box-reflect:倒影,有三個參數(shù)

參數(shù)一:用來設(shè)置倒影所在的位置分為left right below above四個方位

參數(shù)二:設(shè)置倒影與元素之間的距離

參數(shù)三:設(shè)置倒影上的蒙版,可以是圖片也可是漸變

-webkit-box-reflect: right 10px? linear-gradient(to right,yellow,rgba(0,0,0,0));