CSS3地板翻轉是一種非常流行的效果，可以用在網頁設計、產品展示及廣告宣傳等領域。如果你想要使用CSS3地板翻轉效果，可以參考以下源碼：

.flip-card {
background-color: transparent;
perspective: 1000px;
}
.flip-card-inner {
position: relative;
width: 100%;
height: 100%;
text-align: center;
transition: transform 0.6s;
transform-style: preserve-3d;
}
.flip-card:hover .flip-card-inner {
transform: rotateY(180deg);
}
.flip-card-front, .flip-card-back {
position: absolute;
width: 100%;
height: 100%;
backface-visibility: hidden;
}
.flip-card-front {
background-color: #bbb;
color: black;
}
.flip-card-back {
background-color: #2980b9;
color: white;
transform: rotateY(180deg);
}

以上是CSS3地板翻轉的基本源碼，你可以根據自己的需要進行更改。這里簡單介紹一下源碼的作用：

• .flip-card：定義整個卡片的樣式，加入了透視效果perspective。
• .flip-card-inner：定義卡片內部的樣式，包括翻轉效果、過渡時間、transform-style等。
• .flip-card-front、.flip-card-back：分別定義卡片正面和背面的樣式，包括顏色、字體、背景等。
• .flip-card:hover .flip-card-inner：定義鼠標懸停效果，當鼠標指針懸停在卡片上時，卡片內部翻轉180度。

除了以上基本源碼，你還可以根據自己的需要添加其他樣式，比如陰影、邊界、動畫等效果，來打造一張更加出彩的CSS3地板翻轉卡片。