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

盒子阴影,文字阴影

作者: 藏于心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;

}

相关文章

  • 盒子阴影,文字阴影

    ei9以下不支持,要加上浏览器内核前缀(-webkit-) 盒子阴影:box-shadow box-shadow:...

  • 2017-02-27 CSS3学习笔记

    盒子阴影和文字阴影 如何给盒子添加阴影box-shadow: 水平位移 垂直位移 模糊度 阴影扩展 阴影颜色 内外...

  • 2D转换模块

    盒子阴影和文字阴影 1.如何给盒子添加阴影 1box-shadow: 水平偏移 垂直偏移 模糊度 阴影扩展 阴影颜...

  • 盒子阴影和文字阴影

    盒子阴影 说明 box-shadow 属性可以给元素边框周围添加一个或者多个阴影效果。定义多个阴影,使用逗号分隔。...

  • CSS3入门之阴影、边框一系列属性

    文字阴影、盒子阴影、边框样式 文字阴影 分别是 水平阴影(可负值 负值影子往左移) 垂直阴影(可负数 负值影子往上...

  • 阴影 盒子 文字

    文字 盒子

  • 阴影

    阴影: 文字阴影: text-shadow: 5px 3px 2px red; 盒子阴影: box-s...

  • css3-阴影、背景尺寸、渐变

    一、文字阴影 text-shadow: X轴偏移量 Y轴偏移量 阴影模糊半径 阴影颜色 二、盒子阴影 box-...

  • 20-盒子阴影和文字阴影

    如何给盒子添加阴影box-shadow: 水平偏移 垂直偏移 模糊度 阴影扩展 阴影颜色 内外阴影;box-sha...

  • 14-CSS盒子阴影和文字阴影

    盒子阴影 如何给盒子添加阴影box-shadow: 水平偏移 垂直偏移 模糊度 阴影扩展 阴影颜色 内外阴影; 注...

网友评论

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

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