CSS3是前端開發中非常重要的一項技術，在其眾多特性中，圖片翻轉也是非常實用的。那么如何使用CSS3實現圖片翻轉呢？

.flip-container {
perspective: 1000px;
}
.flip-container:hover .flipper,
.flip-container.hover .flipper {
transform: rotateY(180deg);
}
.flipper {
transition: 0.6s;
transform-style: preserve-3d;
position: relative;
}
.front,
.back {
backface-visibility: hidden;
position: absolute;
top: 0;
left: 0;
}
.front {
z-index: 2;
}
.back {
transform: rotateY(180deg);
}

以上代碼實現了一個基礎的圖片翻轉效果。需注意的是，在使用CSS3實現圖片翻轉時，需要將圖片包裹在一個容器中，并設置透視距離（perspective）屬性。同時，需要使用附加的“面板”元素（back和front），以及將它們保持在3D空間內的“transform-style”屬性。

需特別注意的是，該代碼示例僅適用于CSS3支持的瀏覽器，如果需要兼容舊版瀏覽器，則需要傳統的JavaScript輔助程序，如jQuery Flip。

總的來說，CSS3中的圖片翻轉是非常實用的特性，通過上述代碼示例，可以快速實現圖片翻轉效果。同時，也需要注意瀏覽器兼容性的問題。