CSS三大動(dòng)畫屬性是CSS中常用的三個(gè)動(dòng)畫屬性，分別為：
1. `animation-name`：動(dòng)畫的名稱，用于定義動(dòng)畫的開頭。
2. `animation-duration`：動(dòng)畫的持續(xù)時(shí)間，用于定義動(dòng)畫的持續(xù)時(shí)間。
3. `animation-timing-function`：動(dòng)畫的時(shí)間函數(shù)，用于定義動(dòng)畫的速度曲線。
通過(guò)使用這三個(gè)屬性，可以實(shí)現(xiàn)各種復(fù)雜的動(dòng)畫效果，下面是具體的用法：
## 1. `animation-name`：動(dòng)畫的名稱
`animation-name` 屬性用于指定動(dòng)畫的名稱，可以定義一個(gè)唯一的動(dòng)畫，用于區(qū)分不同的動(dòng)畫。例如：
```css
@keyframeskeyframes_name {
0% {
transform: translate(0, 0);
100% {
transform: translate(0, 100);
在上面的代碼中，`keyframes_name` 是定義了一個(gè)動(dòng)畫的名稱，該動(dòng)畫將從一個(gè)位置移動(dòng)到另一個(gè)位置，動(dòng)畫的起始值為 0，結(jié)束值為 100%。
## 2. `animation-duration`：動(dòng)畫的持續(xù)時(shí)間
`animation-duration` 屬性用于指定動(dòng)畫的持續(xù)時(shí)間，用于定義動(dòng)畫的持續(xù)時(shí)間，單位為秒。例如：
```css
@keyframeskeyframes_name {
0% {
transform: translate(0, 0);
100% {
transform: translate(0, 100);
animation-duration: 1000ms;
在上面的代碼中，`animation-duration` 屬性定義了一個(gè)動(dòng)畫的持續(xù)時(shí)間為 1000 毫秒。
## 3. `animation-timing-function`：動(dòng)畫的時(shí)間函數(shù)
`animation-timing-function` 屬性用于定義動(dòng)畫的速度曲線，用于定義動(dòng)畫的速度變化方式。例如：
```css
@keyframeskeyframes_name {
0% {
transform: translate(0, 0);
100% {
transform: translate(0, 100);
animation-timing-function: linear;
在上面的代碼中，`animation-timing-function` 屬性定義了一個(gè)動(dòng)畫的時(shí)間函數(shù)為線性，該動(dòng)畫將以線性速度變化。
通過(guò)使用這三個(gè)屬性，可以實(shí)現(xiàn)各種復(fù)雜的動(dòng)畫效果，可以根據(jù)需要靈活地使用它們來(lái)實(shí)現(xiàn)不同的動(dòng)畫效果。