美文网首页
CSS3中基本的box-shadow

CSS3中基本的box-shadow

作者: 望尔 | 来源:发表于2017-03-07 15:59 被阅读0次

    基本语法

    • 示例: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

          本文链接:https://www.haomeiwen.com/subject/rzvmgttx.html