### 1. 文字陰影 & 多行文字陰影:text-shadow
1. text-shadow: 0px 1px #fff,4px 4px 0px #dad7d7;
### 2. 盒陰影 & 內陰影 & 多重陰影:box-shadow
1. box-shadow: inset 0 0 30px hsl(0, 0%, 0%), inset 0 0 70px hsla(0, 97%, 53%, 1);
### 3. 背景線性漸變 & 徑向漸變 & 重復漸變
1. background: linear-gradient(45deg, red, blue);
2. background: radial-gradient(12rem circle at bottom, yellow, orange, red);
3. background: repeating-radial-gradient(black 0px, orange 5px, red ,10px);
```
.multiple {
margin: 1rem;
width: 400px;
height: 200px;
background:
radial-gradient(black 15%, transparent 16%) 0 0,
radial-gradient(black 15%, transparent 16%) 8px 8px,
radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px,
radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px;
background-color:#282828;
background-size:16px 16px;
}
```

### 4. 背景大小:background-size
1. auto :讓圖片保持其原生大小。
2. cover :保持圖片比例,拓展至覆蓋整個元素。
3. contain :保持圖片比例,拓展圖片讓其最長邊保持在元素內部。
### 5. 濾鏡 & 多濾鏡:filter
1. filter: opacity(10%) blur(2px) sepia(35%);