在CSS中，我們可以通過一些技巧讓元素具有動態效果，例如讓正方形翻滾。下面我們來看一下具體實現方法。

.square {
position: relative;
width: 100px;
height: 100px;
background-color: #009688;
animation: roll 3s infinite;
}
@keyframes roll {
0% {
transform: rotate(0deg);
}
50% {
transform: rotateY(180deg);
}
100% {
transform: rotate(360deg);
}
}

以上代碼中，我們創建了一個寬高為100px的正方形，并定義了背景色為#009688。我們首先將該正方形的位置屬性設置為相對定位。然后，通過 CSS3 動畫的方式讓它旋轉。具體地，我們在類名為 square 的樣式中添加一個 animation 屬性，并將它的值設置為 roll，表示使用名為 roll 的關鍵幀動畫。

接著，我們通過 @keyframes 規則來定義 roll 動畫的關鍵幀。我們設置了三個關鍵幀，分別對應 0%、50% 和 100% 的時間點。在關鍵幀中，我們分別設置了旋轉角度，從而實現了正方形的翻滾效果。具體地，我們在 0% 時間點將角度設置為 0deg，表示初始狀態；在 50% 時間點將角度設置為 180deg，表示正方形在半程時翻轉了一半；在 100% 時間點將角度設置為 360deg，表示翻轉完成，回到了初始狀態。最后，我們將動畫循環次數設置為 infinite，表示無限次循環。

通過這種方式，我們就可以讓正方形實現翻滾效果了。事實上，這種方式也適用于其他類型的元素，只需要稍作改動即可。希望本文能對你有所幫助。