[分享]css3支持哪些属性

CSS3是一种用于网页设计的样式表语言，它引入了许多新的属性，来帮助设计师更好地实现网站的效果。以下是CSS3支持的一些属性：样式列表示例： / 圆角 / borderradius: 10px; / ...

CSS3是一种用于网页设计的样式表语言，它引入了许多新的属性，来帮助设计师更好地实现网站的效果。以下是CSS3支持的一些属性：

样式列表示例：

/* 圆角 */
border-radius: 10px;

/* 阴影 */
box-shadow: rgba(0,0,0,0.3) 3px 3px;

/* 视差滚动效果 */
perspective: 500px;

/* 渐变 */
background: linear-gradient(45deg, #fe5186, #f5d020);

/* 动画 */
animation: rotate 2s linear infinite;

/* 媒体查询 */
@media only screen and (max-width: 600px) {
  body {
    font-size: 16px;
  }
}

/* 过渡 */
transition: all 0.3s ease-in-out; 

CSS3的功能非常强大，允许设计师在实现网站效果上拥有更大的自由度，可以创造出更加吸引人的视觉效果，同时还能在用户体验和性能优化等方面做出很多贡献。