經過顯示過度動畫css可以使網站更加生動有趣，讓用戶有更好的體驗。以下是一些CSS代碼示例：

/* 透明度漸變效果 */
.fade-in {
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
.fade-in:hover {
opacity: 1;
}
/* 從底部彈出效果 */
.slide-up {
transform: translateY(100%);
transition: transform 0.5s ease-in-out;
}
.slide-up:hover {
transform: translateY(0);
}
/* 從左側滑入效果 */
.slide-in {
transform: translateX(-100%);
transition: transform 0.5s ease-in-out;
}
.slide-in:hover {
transform: translateX(0);
}
/* 旋轉效果 */
.rotate {
transform: rotate(0deg);
transition: transform 0.5s ease-in-out;
}
.rotate:hover {
transform: rotate(360deg);
}

以上代碼可以輕松實現各種動畫效果，其中opacity控制透明度，transform控制形狀，transition控制過渡效果。