CSS3新增特性

这篇文章距离上次修改已过206天，其中的内容可能已经有所变动。

在CSS3中，新增了许多特性，包括阴影、边框图片、文字阴影、渐变、动画等。以下是一些CSS3的新特性的示例代码：

阴影效果：




div {
  box-shadow: 10px 10px 5px #888888;
}

边框图片：




div {
  border-image: url(border.png) 30 30 round;
}

文字阴影：




h1 {
  text-shadow: 5px 5px 5px #888888;
}

线性渐变：




div {
  background: linear-gradient(to right, red , yellow);
}

旋转动画：




@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
 
div {
  animation: rotate 2s infinite linear;
}

这些示例展示了如何使用CSS3的新特性来增强网页的视觉效果。

评论已关闭

推荐阅读