css3新加的功能

CSS3是指CSS的第三个版本，并且它为前端开发者引入大量新的特性。在下面的段落中，我们将讨论一些CSS3新加的功能。

/* 圆角 */
.box {
  border-radius: 10px;
  /* 或者设置单独的两个角 */
  border-top-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

/* 盒子阴影 */
.box {
  box-shadow: 5px 5px 10px grey;
}

/* 渐变 */
.bg-gradient {
  background: linear-gradient(to bottom,red,blue);
}

/* 2D转换 */
.box {
  transform: rotate(45deg);
  /* scaleX() scaleY()等 */
}

/* 动画 */
@keyframes slidein {
  from {
    margin-left: 100%;
    width: 300%;
  }

  to {
    margin-left: 0%;
    width: 100%;
  }
}

.box {
  animation: slidein 5s ease-in-out infinite;
} 

以上是一些CSS3的新功能。在此之外，CSS3还提供了许多其他新特性，如媒体查询、弹性盒子布局、网格布局等等。作为前端开发者，学习这些新功能将为您的开发工作带来更高的灵活性和更好的用户体验。