CSS可以通過transform屬性來實現對div的翻轉。在transform屬性中，有兩個常用的屬性值可以實現div翻轉，它們是rotateX和rotateY。

rotateX是指對div按照X軸進行翻轉，而rotateY是指對div按照Y軸進行翻轉。這兩個屬性都可以設置翻轉的角度，用度數來表示。

下面是一個用transform實現X軸翻轉的代碼示例：

<div class="box">
<p>這是一個div</p>
</div>
<style>
.box {
transform: rotateX(180deg);
}
</style>

在這個例子中，我們給div添加了一個類名為box，并且在樣式表中為它設置了transform:rotateX(180deg)屬性。這樣，這個div就會被按照X軸翻轉了180度。

類似地，如果我們要實現對div按照Y軸進行翻轉，只需要將旋轉屬性改為rotateY即可。下面是一個使用rotateY實現翻轉的代碼示例：

<div class="box">
<p>這是一個div</p>
</div>
<style>
.box {
transform: rotateY(180deg);
}
</style>

在這個例子中，我們同樣為div添加了一個類名，但是在樣式表中的transform屬性被改為rotateY(180deg)，這樣，這個div就會被按照Y軸翻轉了180度。

總之，通過使用transform屬性，我們可以輕松地實現對div的翻轉效果，而且還可以按照需要選擇X軸或Y軸進行翻轉。