CSS3動畫是網(wǎng)頁設計中必不可少的一部分，讓網(wǎng)頁更加生動活潑，吸引人的注意力。接下來，我們將介紹一些CSS3動畫的入門效果。

/* 1、淡入淡出 */
.fade {
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
.fade:hover {
opacity: 1;
}
/* 2、旋轉 */
.rotate {
transition: transform 0.5s ease-in-out;
}
.rotate:hover {
transform: rotate(360deg);
}
/* 3、放大縮小 */
.zoom {
transition: transform 0.5s ease-in-out;
}
.zoom:hover {
transform: scale(1.2);
}
/* 4、水平移動 */
.move {
transition: transform 0.5s ease-in-out;
}
.move:hover {
transform: translateX(30px);
}
/* 5、閃爍 */
.blink {
animation: blink 1s ease-in-out alternate infinite;
}
@keyframes blink {
from {
opacity: 1;
}
to {
opacity: 0.5;
}
}

以上就是CSS3動畫的一些入門效果，通過簡單的代碼便能實現(xiàn)生動有趣的動畫效果，讓網(wǎng)頁更有吸引力。