CSS特效可以通过CSS3的动画、变换、阴影、渐变等属性实现，以下是一些常见的CSS特效示例：

动画效果

淡入淡出 ：使用`@keyframes`和`animation`属性实现元素的透明度变化。

旋转 ：通过`transform: rotate（角度）`使元素旋转。

缩放 ：使用`transform: scale（倍数）`改变元素大小。

位移 ：`transform: translate（x, y）`移动元素位置。

阴影效果

方框阴影 ：`box-shadow： 水平偏移 垂直偏移 模糊半径 阴影颜色`。

文本阴影 ：`text-shadow： 水平偏移 垂直偏移 模糊半径 阴影颜色`。

渐变效果

线性渐变 ：`background: linear-gradient（方向 颜色1 颜色2, ...）`。

径向渐变 ：`background: radial-gradient（形状 位置 颜色1 颜色2, ...）`。

转换效果

透视 ：`transform: perspective（距离）`改变元素的3D效果。

3D变换 ：`transform-style: preserve-3d`和`transform`属性结合使用，实现3D翻转效果。

滤镜效果

模糊 ：`filter: blur（大小）`使元素边缘模糊。

饱和度 ：`filter: saturate（饱和度）`调整色彩饱和度。

色相旋转 ：`filter: hue-rotate（角度）`改变色彩色相。

特殊效果

波浪效果 ：使用`:after`和`:before`伪元素和`translate`、`rotate`属性实现动态效果。

商品标签丝带效果 ：通过边框和旋转实现动态标签效果。

Hover按钮边框动画特效 ：鼠标悬停时改变按钮边框颜色或样式。

实用工具

CSS特效生成工具 ：在线或离线应用，帮助快速生成CSS样式和特效。

以上是一些基本的CSS特效示例，实际应用中可以根据需求进行更复杂的样式设计。