css3-盒模型阴影

box-shadow:[inset] x y blur [spread] color

参数

inset:投影方式

»inset:内投影

»不给:外投影

xy:阴影偏移

blur:模糊半径

spread:扩展阴影半径

»先扩展原有形状,再开始画阴影

color

css3-盒模型阴影

==================================

box-reflect 倒影

direction  方向     above|below|left|right;

css3-盒模型阴影

距离

css3-盒模型阴影

渐变(可选)

css3-盒模型阴影

resize 自由缩放

Both 水平垂直都可以缩放

Horizontal 只有水平方向可以缩放

Vertical 只有垂直方向可以缩放

注意:一定要配合overflow:auto 一块使用只有水平方向可以缩放

css3-盒模型阴影

====================================================

lbox-sizing 盒模型解析模式

Content-box  标准盒模型 width/height=border+padding+content

Border-box 怪异盒模型 width/height=content(这个模式下设置的width就是它可视的宽度,content内容的宽度等于设置的width-border-padding)

css3-盒模型阴影