CSS3中提供了許多新的特性，其中之一就是立體效果的實現，而這一特性又被稱為css33d卡牌。

css33d卡牌主要的實現方法是利用transform屬性，它可以旋轉、平移、縮放和傾斜元素。而且這些變換可以組合在一起使用，達到更加復雜的效果。

下面是一個示例代碼：

.card {
width: 200px;
height: 300px;
border: 1px solid #ccc;
position: relative;
transform-style: preserve-3d;
transition: transform ease-in-out 0.5s;
}
.card:hover {
transform: rotateY(180deg);
}
.card .face {
position: absolute;
width: 100%;
height: 100%;
backface-visibility: hidden;
border-radius: 5px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
.card .face.front {
background-color: #fff;
transform: rotateY(0deg);
}
.card .face.back {
background-color: #fcc;
transform: rotateY(180deg);
}

以上代碼中，.card是用來表示一個卡牌，使用了transform-style屬性來保持父元素的立體效果。而.card:hover則是當鼠標懸浮在卡牌上時，通過transform來使卡牌翻轉180度。

此外，為了制作卡牌的正反面，我們還需要使用兩個子元素。.face是一個公共類名，用于描述卡牌的正反面。而.front和.back則各自表示卡牌的正面和反面，并使用了不同的背景顏色和旋轉方向，使其看起來更具立體感。

最后我們還可以加上一些動畫效果來使翻轉更加平滑，這里使用了CSS3中的transition屬性。

總體來說，css33d卡牌可以帶來非常好的視覺效果，尤其在展示商品或者游戲元素時，可以起到非常好的作用。