CSS3 名片 動畫是一種通過CSS3技術實現的特殊效果，可以使網頁上的名片呈現出動態、立體、鮮明的視覺效果，從而吸引用戶的眼球，提高用戶交互體驗。

.card{
position:relative;
width:300px;
height:200px;
margin:150px auto 0;
box-shadow:0px 10px 20px rgba(0,0,0,0.5);
border-radius:20px;
overflow:hidden;
transform-style:preserve-3d;
transition:transform 1s;
}
.card:hover{
transform:rotateY(180deg);
}
.face{
position:absolute;
width:100%;
height:100%;
backface-visibility:hidden;
}
.face.front{
background:#396;
}
.face.back{
transform:rotateY(180deg);
background:#39f;
}

上述代碼定義了一個名為“card”的類，通過position、width、height等屬性設置名片的樣式，通過box-shadow、border-radius、overflow等屬性為名片添加了投影、圓角和溢出處理效果，以增強其視覺效果。同時，通過transform-style、transition等屬性為名片添加了3D旋轉效果，并通過:hover偽類實現名片翻轉效果。最后，通過定義.face、.front和.back三個類，對名片的前面和后面背景進行了設置，使其呈現出不同的顏色和樣式。

總的來說，CSS3 名片 動畫是一種用于增強網頁視覺效果的優秀技術，通過它，可以讓網頁上的元素擁有更加豐富、生動、靈動的動態效果，為用戶帶來更好的交互體驗。