CSS3的卡牌翻轉屬性可以將一個元素制作成類似于卡片的翻轉效果。這個特性可以使用在很多地方，比如實現打開產品介紹的效果、實現翻頁等等。

在CSS3中，我們可以使用transform屬性來實現元素的旋轉效果。而卡牌翻轉效果則需要transform-style、backface-visibility和perspective三個屬性的配合使用。

.card-wrapper{
perspective: 800px; //透視圖的高度
-webkit-perspective: 800px; //兼容性設置
}
.card{
width: 200px;
height: 300px;
transform-style: preserve-3d; //保持3D效果
transition: transform 1s; //設置動畫效果
}
.card-front{
position: absolute;
width: 100%;
height: 100%;
backface-visibility: hidden; //隱藏背面
}
.card-back{
position: absolute;
width: 100%;
height: 100%;
backface-visibility: hidden; //隱藏背面
transform: rotateY(180deg);
}
.card:hover{
transform: rotateY(180deg); //翻轉效果
}

使用上述代碼，我們可以輕松地制作出一個具有翻轉效果的卡牌。其中，perspective屬性可以控制透視圖的高度，影響卡牌的翻轉效果；transform-style屬性用于指定制作3D元素的方式，preserve-3d表示保持3D效果；backface-visibility屬性可以設置元素的背面是否可見，hidden表示不可見，使得卡牌翻轉時不會出現閃爍的問題。

綜上所述，CSS3卡牌翻轉屬性是CSS3的一個強大特性，可以幫助我們實現很多3D效果，如卡片翻轉、頁面翻頁等等。它的實現需要掌握perspective、transform-style和backface-visibility三個屬性，結合使用可以讓你輕松制作出炫酷的動畫效果。