css3新标签_特性

CSS3是现代网页设计必不可少的工具之一，它为我们提供了许多实用的新标签和特性，让网页设计变得更加丰富多彩。下面我们就来介绍一些CSS3的新标签和特性。

/*圆角边框*/
.box{
  border-radius: 10px; /*设置圆角半径*/
}

/*渐变*/
.box{
  background: linear-gradient(to right,red,yellow); /*设置渐变方向和颜色*/
}

/*文本阴影*/
.box{
  text-shadow: 2px 2px 4px #000; /*设置阴影的偏移量、模糊值和颜色*/
}

/*2D转换*/
.box{
  transform: rotate(45deg); /*设置旋转角度*/
}

/*3D转换*/
.box{
  transform: perspective(500px) rotateY(45deg); /*设置透视距离和绕Y轴旋转角度*/
}

/*过渡*/
.box{
  transition: all 0.3s ease; /*设置过渡效果和时间*/
} 

以上是CSS3的一些常用新标签和特性，这些标签和特性让我们能够更好地实现网页设计的效果。使用它们，我们可以轻松地实现圆角边框、渐变、阴影、旋转、过渡等效果，使网页设计更加生动有趣。