美文网首页
阴影设置box-shadow

阴影设置box-shadow

作者: 前端召唤师 | 来源:发表于2019-04-26 12:05 被阅读0次

box-shadow: 1px  2px  5px  6px  #888888  inset

1px: 必须,水平阴影的位置, 负值为左

2px: 必须,垂直阴影的位置, 负值为上;

5px: 可选,模糊距离;

6px: 可选,阴影尺寸;

888888: 可选,阴影颜色;

inset: 可选,将外部阴影 (outset) 改为内部阴影。

相关文章

  • 设置阴影和圆角

    设置阴影 通过box-shadow样式属性来实现。

  • CSS的box-shadow盒子阴影

    box-shadow:盒子阴影,用于给元素添加阴影的效果,该属性可设置6个值,分别是inset(阴影向内)设置内阴...

  • 前端——动画

    CSS3 border-radius设置圆角 box-shadow设置阴影 transition动画 transi...

  • transition 线性渐变 径向渐变 2D、3D变换

    1、inset是用来设置内阴影的 (box-shadow) 内阴影和外阴影方向是相反的 2、transition...

  • CSS3之圆角和阴影

    1.圆角 border-radius:可设置四个方向上不同圆角 2.阴影 box-shadow:可设置单边阴影效果...

  • box-shadow

    box-shadow 属性是给盒模型设置阴影的属性。今天总结一下。 box-shadow: h-shadow v-...

  • 阴影设置box-shadow

    1px: 必须,水平阴影的位置, 负值为左 2px: 必须,垂直阴影的位置, 负值为上; 5px: 可选,模糊距离...

  • CSS3新增特性

    1>RGBA透明度:在RGB上设置了Alpha透明值 2>块阴影与圆角阴影box-shadow(标签块阴影)/te...

  • CSS3新增属性用法整理

    1、box-shadow(阴影效果) 2、border-color(为边框设置多种颜色) 3、border-ima...

  • CSS3中box-shadow阴影的简单使用

    在制作页面的时候我们经常会用到阴影box-shadow属性,box-shadow阴影有内阴影和外阴影两种,外阴影o...

网友评论

      本文标题:阴影设置box-shadow

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