CSS3是前端開發中不可或缺的一部分，通過CSS3可以實現很多炫酷的效果。其中之一便是CSS3生成圖片。這種技術可以用CSS3代碼生成圖片，從而避免了使用圖形文件，提高了網站的性能。

在CSS3中，有幾種方法可以用來生成圖片：gradient（漸變）、Box Shadow（盒子陰影）和Transform。

1. 漸變（gradient）

.code {
background: linear-gradient(to right,#000000,#ffffff);
width:400px;
height:100px;
}

2. 盒子陰影（Box Shadow）

.code {
box-shadow: 0 0 0 100px #000000;
width:400px;
height:100px;
}

3. transform

.code {
background-color: #fff;
transform: skew(30deg, 20deg);
}

上面的代碼示例只是其中的幾種，CSS3還可以實現更多樣的圖片生成效果，可以根據設計師的需求進行個性化定制。

但需要注意的是，由于CSS3代碼生成圖片的效果是運用了瀏覽器的渲染機制，所以在不同的瀏覽器上可能會出現不同的效果。同時，也需要對不支持CSS3的瀏覽器進行兼容處理。

總之，使用CSS3生成圖片可以降低網站的加載速度，同時也是展示網站設計風格的一種方式。嘗試這種技術，發掘更多的創意吧！