每一点都举一个简单的例子

当然可以。这里有一些CSS3特性的简单示例：

1. **媒体查询** 示例：

   /* 当屏幕宽度小于600px时显示小字体 */
   @media (max-width: 600px) {
     body { font-size: 14px; }
   }

   /* 否则，当屏幕宽度大于600px时显示正常大小字体 */
   @media (min-width: 600px) {
     body { font-size: 16px; }
   }

2. **过渡动画** 示例：

   button:hover {
     background-color: #f00;
     transition: background-color 0.5s ease;
   }

这会让按钮背景颜色在鼠标悬停时平滑改变，并在0.5秒内完成。

3. **Flexbox布局** 示例：

   .container {
     display: flex;
     justify-content: space-between;
   }

这会使容器内的项目水平居间排列。

4. **CSS3图形** 示例：

   div {
     width: 100px;
     height: 100px;
     border-radius: 50%;
     background-color: blue;
   }

创建了一个圆形的蓝色元素。

每一种特性都有其特定用途和应用场景，通过这些例子可以直观感受它们的效果。如果你需要了解更多的细节或实践操作，随时提问哦。