CSS3.0動畫是網頁設計的重要組成部分，為用戶提供了更多的交互方式和視覺效果，提升了網站的用戶體驗。下面是一些常用的CSS3.0動畫參考：

/* 1.淡入淡出效果 */
.fade-in-out {
animation: fadeinout 2s ease-in-out infinite;
}
@keyframes fadeinout {
0% {
opacity: 0;
}
50% {
opacity: 1;
}
100% {
opacity: 0;
}
}
/* 2.旋轉效果 */
.rotate {
animation: rotate 2s linear infinite;
}
@keyframes rotate {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
/* 3.縮放效果 */
.scale {
animation: scale 2s ease-in-out infinite;
}
@keyframes scale {
0% {
transform: scale(1);
}
50% {
transform: scale(1.5);
}
100% {
transform: scale(1);
}
}
/* 4.翻轉效果 */
.flip {
animation: flip 2s linear infinite;
}
@keyframes flip {
0% {
transform: perspective(400px) rotateY(0deg);
}
100% {
transform: perspective(400px) rotateY(180deg);
}
}
/* 5.彈跳效果 */
.bounce {
animation: bounce 2s ease-in-out infinite;
}
@keyframes bounce {
0%, 100% {
transform: translateY(0);
}
50% {
transform: translateY(-20px);
}
}

這些CSS3.0動畫效果可以根據需要進行修改和調整，使得網站的動效更加生動、醒目。