CSS和HTML是實(shí)現(xiàn)網(wǎng)頁動(dòng)畫效果的主要工具。HTML定義了頁面的結(jié)構(gòu)，CSS則控制了頁面的樣式和布局。代碼如下：

/*定義動(dòng)畫*/
@keyframes shake {
0% {
transform: translate(0, 0);
}
25% {
transform: translate(-10px, 0);
}
50% {
transform: translate(10px, 0);
}
75% {
transform: translate(-10px, 0);
}
100% {
transform: translate(0, 0);
}
}
/*應(yīng)用動(dòng)畫*/
.button {
animation-name: shake;
animation-duration: 0.5s;
animation-iteration-count: infinite;
}

以上代碼實(shí)現(xiàn)了一個(gè)簡(jiǎn)單的按鈕抖動(dòng)的動(dòng)畫效果。首先定義了一個(gè)名為“shake”的動(dòng)畫，其中使用了“transform”屬性來控制按鈕的位置變化。接著，將該動(dòng)畫應(yīng)用于按鈕元素，使用了“animation-name”、“animation-duration”和“animation-iteration-count”樣式屬性，分別設(shè)置動(dòng)畫名稱、動(dòng)畫持續(xù)時(shí)間和重復(fù)次數(shù)。

另外， CSS還提供了許多其他的動(dòng)畫屬性，例如“transition”、“transform”、“opacity”等等，可以實(shí)現(xiàn)更豐富的動(dòng)畫效果，例如漸變、旋轉(zhuǎn)、縮放等等。HTML可以通過添加屬性來控制動(dòng)畫的觸發(fā)方式，例如“hover”、“click”等等。結(jié)合兩者，可以實(shí)現(xiàn)各種酷炫的動(dòng)畫效果。