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-盒模型阴影

 

 

相关文章:

  • 2022-01-09
  • 2022-12-23
  • 2021-10-03
  • 2022-01-06
  • 2021-11-11
  • 2021-08-06
猜你喜欢
  • 2022-01-15
  • 2021-11-17
  • 2021-05-30
  • 2021-10-24
  • 2022-02-26
相关资源
相似解决方案