CSS3中基本的box-shadow

基本语法

  • 示例:box-shadow:1px 1px 3px 4px #399;
  • 组成:x轴偏移y轴偏移,模糊半径,扩展半径,阴影颜色

使用技巧

在很久之前,还是bootstrap2的版本里面,button的样式喜欢给一个button添加两个明暗阴影以增强立体感:
box-shadow:inset 0 1px 0 rgba(255,255,255,.1);
box-shadow:0 1px 5px rgba(0,0,0,.25);

但是在bootstrap3的版本中,所有的button都换了风格,有点向平面风格靠近,但是个人还是喜欢win的方块风。太多的border-radius不喜欢。

你可能感兴趣的:(CSS3中基本的box-shadow)