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不喜欢。

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容