CSS3卡片樣式的設計是現代網頁設計中不可或缺的部分，其中凹凸樣式的使用非常流行。通過凹凸樣式的運用，可以為網頁設計帶來不同層次的視覺效果，吸引用戶的注意力，增加用戶體驗。

.card{
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3);
transform: translateY(-20px);
}

上面這段代碼展現了CSS3卡片樣式的一種凹凸效果。box-shadow屬性實現了陰影的效果，X、Y方向陰影不太明顯，但是blur-radius值設成8px，可以很好地實現陰影效果，同時設置了透明度，更加符合現代風格的審美。translation屬性實現了一個向上平移的效果，因此實現了“凹”的立體效果。

.card{
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3);
transform: translateY(20px);
}

而這段代碼則參考上一段代碼，通過將translation屬性中的值改為20px，實現一個向下平移的效果，因此卡片具有了“凸”的立體效果。其他的值可以隨意調整，以達到最佳的效果。

綜上，CSS3卡片樣式凹凸效果可以很好地為網頁設計帶來視覺上的層次感，增強用戶體驗。開發過程中，可以模擬各種凹凸樣式的代碼，并手動調整各個屬性的值，找到最佳的效果。