美文网首页
盒子阴影,文字阴影

盒子阴影,文字阴影

作者: 藏于心Z | 来源:发表于2018-07-20 10:21 被阅读0次

    ei9以下不支持,要加上浏览器内核前缀(-webkit-)

    盒子阴影:box-shadow

    box-shadow:inset 10px 20px 30px red;

    第一个值:默认省略或者inset,可以省略,即为默认。处理盒子阴影是在里面还是外面

            默认省略   就是外面

            inset         就是里面

    第二个值:具体的数值,可以是正数也可以是负数,表示x轴的大小

    第三个值:具体的数值,可以是正数也可以是负数,表示y轴的大小

    第四个值:具体的数值,可以是正数,不可以是负数,可以省略,省略之后没有模糊面积,表示盒子阴影模糊的面积。

    第五个值:具体的颜色值,英文单词,16进制,rgba,rgb。

    盒子阴影的值可以不断添加。

    文字阴影

    text-shadow: 5px 5px 4px #ccc;

    第一个值:具体的数值,可以是正数也可以是负数,表示文字阴影x轴的大小

    第二个值:具体的数值,可以是正数也可以是负数,表示文字阴影y轴的大小

    第三个值:具体的数值,可以是正数,不可以是负数,可以省略,省略之后没有模糊面积,表示文字阴影模糊的面积。

    第四个值:具体的颜色值,英文单词,16进制,rgba,rgb。

    文字阴影的值可以不断添加。

    text-shadow: 5px 5px 4px #ccc,15px 15px 14px red,-15px -15px 14px blue;

    }

    相关文章

      网友评论

          本文标题:盒子阴影,文字阴影

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