CSS3中的background、shadow、reflect、mask
CSS3中新增添了很多功能，这些功能⼤⼤的增添了css的效果，下⾯来总结下CSS3中的background、shadow、reflect、mask。background：
CSS的background可以设置如下属性：
background-color
背景颜⾊；
值可以为英⽂（eg：pink），⼗六进制（eg：#ccc）或rgb（0255，0~255）。
注：rgba（0255，01）； 最后⼀个参数为透明度
background-position
背景图像的位置；borderbox
默认值是0% 0%；
值可以为left、top、right、bottom、center，也可以是百分⽐（eg：50%），也可以是具体值（eg：20px 50px）。
注：当为百分⽐或具体值时必须按照x y的顺序写；
background-repeat
背景图⽚是否重复；
默认值是repeate；
值可以是repeat、repeat-x、repeat-y、no-repeat、inherit；
background-origin
该属性规定background-position相对于什么来固定背景；
默认值：padding-box；
值可以是border-box（相对于边框盒）、padding-box（相对于内边距）、content-box相当于内容框。
background-size
背景的尺⼨；
默认值：auto；
值可以为百分⽐，具体值（width、height）、contain（以最⼩为主）、cover（以最⼤为主）。
background-image
背景图⽚；
值可以为url（）、none、inherit。
background-attachment
如何设置固定的背景图⽚；
默认值：scroll；
值可以为scroll（背景图会随着页⾯其余部分滚动）、fixed（固定在页⾯中）、inherit、
255，0255，0255，0
below 向下
above 向下
left 向左
right 向右
10px 间距
-webkit-mask：
朦版
-webkit-mask:url() no-repeat;

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。