[分享]css3指令

CSS是一种控制网页样式的语言，CSS3则更是增加了丰富的属性和指令。下面就来介绍一些CSS3指令。/属性：textshadow/ /格式：textshadow: 横向偏移量 纵向偏移量 模糊度 阴影...

CSS是一种控制网页样式的语言，CSS3则更是增加了丰富的属性和指令。下面就来介绍一些CSS3指令。

/*属性：text-shadow*/

/*格式：text-shadow: 横向偏移量 纵向偏移量 模糊度 阴影颜色*/

/*示例：*/
h1 {
  text-shadow: 2px 2px 8px #000000;
}

/*该指令可以为文字添加阴影效果，通过设置不同的值可以实现不同效果的文字阴影。*/

/*属性：border-radius*/

/*格式：border-radius:角度值；*/

/*示例：*/
div {
  border-radius: 5px;
}

/*该指令可以给元素边框添加圆角效果，通过设置不同的角度值可以实现不同圆角的元素。*/

/*属性：transform*/

/*格式：transform: 函数名（参数）；*/

/*示例：*/
img {
  transform: rotate(30deg);
}

/*该指令可以对元素进行旋转、平移、缩放等操作，通过不同的函数名和参数可以实现不同的变换效果。*/

/*属性：box-shadow*/

/*格式：box-shadow: 横向偏移量 纵向偏移量 模糊度 扩展度 阴影颜色*/

/*示例：*/
div {
  box-shadow: 2px 2px 8px 2px #000000;
}

/*该指令可以为元素添加阴影效果，通过设置不同的值可以实现不同效果的元素阴影。*/ 

以上就是一些常用的CSS3指令，通过巧妙运用这些指令可以实现更好看、更炫酷的网页效果。