css3新增盒模型陰影
box-shadow:[inset] x y blur [spread] color
參數(shù)
inset:投影方式
inset:內(nèi)投影
不給:外投影
x、y:陰影偏移
blur:模糊半徑
spread:擴展陰影半徑
先擴展原有形狀,再開始畫陰影
Color
文本陰影
box-shadow:x y blur color;
div {
color: #fff;
text-shadow: -1px -1px rgba(197, 223, 248,0.8),-2px -2px rgba(197, 223, 248,0.8),-3px -3px rgba(197, 223, 248,0.8),-4px -4px rgba(197, 223, 248,0.8),-5px -5px rgba(197, 223, 248,0.8),-6px -6px rgba(197, 223, 248,0.8);
}
div {
color: rgba(255, 179, 140,0.5);
text-shadow: 3px 3px 0 rgba(180,255,0,0.5);
}
box-reflect 倒影
direction 方向 above|below|left|right;
距離
漸變(可選)
resize 自由縮放
Both 水平垂直都可以縮放
Horizontal 只有水平方向可以縮放
Vertical 只有垂直方向可以縮放
注意:一定要配合overflow:auto 一塊使用只有水平方向可以縮放