CSS新特性尝鲜

CSS新特性是一个非常宽泛的概念，而“尝鲜”这个词并不是CSS中的标准术语。如果你指的是尝试或者使用一些新的CSS特性，以下是一些常见的CSS3新特性的简单示例：

1. 圆角（Border-radius）:

div {
  border: 2px solid #a1a1a1;
  border-radius: 25px;
  background: #fff;
  padding: 20px;
  width: 200px;
  height: 100px;
}

2. 阴影（Box-shadow）:

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

3. 线性渐变（Gradients）:

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

4. 变换（Transform）:

div:hover {
  transform: rotate(360deg);
}

5. 动画（Animation）:

@keyframes example {
  from {background-color: red;}
  to {background-color: yellow;}
}
 
div {
  animation-name: example;
  animation-duration: 4s;
}

6. 多列布局（Multi-column layout）:

div {
  -webkit-column-count: 3;
  -webkit-column-gap: 20px;
  column-count: 3;
  column-gap: 20px;
}

这些只是CSS3中的一部分新特性，而且每个新特性都可以写一本书来详细说明。CSS3还包括了其他许多特性，例如文字阴影（text-shadow）、渐进增强（progressive enhancement）等。如果你想了解更多，可以查看MDN Web Docs的CSS部分，或者W3C的CSS规范。