[分享]css3怎么建阴影

CSS3是一种用于网页设计的语言，它提供了一些新的特性，如阴影效果。下面我们就来介绍一下CSS3如何建立阴影。/ textshadow可以创建文字阴影效果，其属性值为水平偏移量、垂直偏移量、模糊度和阴...

CSS3是一种用于网页设计的语言，它提供了一些新的特性，如阴影效果。下面我们就来介绍一下CSS3如何建立阴影。

/* 
  text-shadow可以创建文字阴影效果，其属性值为水平偏移量、垂直偏移量、模糊度和阴影颜色。 
  这里偏移量为0px，模糊度为5px，颜色为黑色（实际应用中建议使用rgba()来设置阴影的透明度） 
*/ 
h1 { 
  text-shadow: 0px 0px 5px #000000; 
}

/* 
  box-shadow可以创建盒子阴影效果，其属性值为水平偏移量、垂直偏移量、模糊度、阴影扩展量和阴影颜色。 
  这里偏移量为1px，模糊度为3px，扩展量为2px，颜色为黑色（同样建议使用rgba()来设置阴影透明度） 
*/ 
div {
  box-shadow: 1px 1px 3px 2px #000000; 
} 

通过上述代码，我们就能够实现在文字或者盒子中添加阴影效果了。