css3新增属性

CSS3 是最新的 CSS 标准，它引入了许多新特性和改进，以下是一些常见的 CSS3 新增属性：

1. 圆角（border-radius）

div {
  border-radius: 10px;
}

2. 阴影（box-shadow）

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

3. 渐变（gradient）

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 {
  column-count: 3;
}

7. 用户界面（UI）

input[type="range"] {
  -webkit-appearance: none;
  background: #333;
  height: 10px;
}

8. 2D/3D转换（transform）

div {
  transform: translate(50px, 100px) rotate(360deg) scale(1.5);
}

9. 过渡效果（transition）

div:hover {
  transition: all 0.3s ease-in-out;
}

10. 文字效果（text-effects）

div {
  text-shadow: 2px 2px 2px #888888;
}

这些只是 CSS3 新特性中的一部分，还有许多其他的特性，如伪元素（::before, ::after）、媒体查询（@media）、字体图标（@font-face）等。