CSS新手入门笔记整理：CSS3属性表

CSS3是CSS（层叠样式表）的一个版本，引入了许多新特性，包括更加丰富的选择器、阴影、渐变、动画等。以下是一些CSS3的关键属性及其简单示例：

1. 阴影（Box Shadow）:

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

2. 圆角（Border Radius）:

div {
  border-radius: 10px;
}

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. 圆形图片（Clip-path）:

div {
  clip-path: circle(50%);
}

7. 过渡（Transition）:

div:hover {
  transition: width 1s;
}

8. 用户界面（UI）:

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

这些属性和示例代表了CSS3的一部分功能，实际应用中可以根据需要选择合适的属性和值。