css3中指定元素阴影的语句是

CSS3中指定元素阴影的语句如下:

Box-shadow: h-shadow v-shadow blur spread color inset;

css3中指定元素阴影的语句是

其中,各参数含义如下:

  • h-shadow:水平偏移距离,可正可负,不填认为0。
  • v-shadow:垂直偏移距离,可正可负,不填认为0。
  • blur:模糊程度,可填正整数,不填认为0,表示不模糊。
  • spread:阴影的大小,可正可负,不填认为0。
  • color:阴影的颜色,可填颜色值或者rgba值,不填认为黑色。
  • inset:是否为内阴影,可填inset表示为内阴影,不填时为外阴影。

举个例子:

.Box {
  width: 100px;
  height: 100px;
  background-color: yellow;
  Box-shadow: 10px 10px 5px 0px rgba(0,0.5);
}

这段代码指定了一个宽高为100px黄色块元素,阴影为距离块元素右下角10px的黑色、模糊程度为5px的外阴影,阴影大小与块元素一致。

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效