纯 CSS 生成图片：提高网页速度和视觉效果

纯 CSS 生成图片是一种技术，可以使用 CSS 语法来创建图像，而不是使用传统的图像文件格式。这种方法可以提高页面加载速度和性能，并且可以更好地控制图像的样式和交互。

以下是一些常见的纯 CSS 生成图片的技术：

1. CSS3 渐变：可以使用 CSS3 渐变属性来创建各种图像，如渐变背景、渐变形状等。

2. CSS3 变形：可以使用 CSS3 变形属性来创建各种形状，如圆形、三角形、菱形等。

3. CSS3 动画：可以使用 CSS3 动画属性来创建各种动画效果，如旋转、缩放、平移等。

4. CSS3 滤镜：可以使用 CSS3 滤镜属性来创建各种图像效果，如模糊、反转、色彩变换等。

5. CSS3 绘图：可以使用 CSS3 绘图属性来创建各种矢量图形，如线条、矩形、圆形等。

总之，纯 CSS 生成图片可以实现各种各样的效果，可以极大地丰富页面的视觉效果，同时还可以提高页面性能和加载速度。