---
# System prepended metadata

title: 模組
tags: [切切切, 資源]

---

# 模組
###### tags: `資源` `切切切`

### - Eason - 
1. **移動做法** / ScrollTop + offset practice [前往連結](https://codepen.io/hahamimidido/pen/wWogVL)
2. taiwan svg map [前往連結](https://codepen.io/hahamimidido/pen/wGRrza)
3. **頁籤垂直滑動** / Simple Vertical Slider [前往連結](https://codepen.io/hahamimidido/pen/qNyGzy)
4. **瀑布流** / Loading Effects for Grid Items with CSS Animations [前往連結](https://tympanus.net/codrops/2013/07/02/loading-effects-for-grid-items-with-css-animations/)
5. **mobile選單動態** Apple style mobile menu [前往連結](https://codepen.io/hahamimidido/pen/abbyPQz)
6. **快捷選單** [前往連結](https://codepen.io/sammymia/pen/povJRBj)
7. **分頁方式** [前往連結](https://codepen.io/sammymia/pen/rNaVLOa)
8. **跑馬燈** [前往連結](https://codepen.io/sammymia/pen/eYmNvBR)
9. **過場效果** mask animation into viewport [前往連結](https://codepen.io/hahamimidido/pen/dyPNOop)
10. **scroll動態效果** [前往連結](https://michalsnik.github.io/aos/)


## CSS
### - Eason - 
1. [文字刪節號](https://codepen.io/hahamimidido/pen/pWoVoM)**：ellipsis by JQUERY**（超過幾個字數後以...呈現）
2. [自動產生序號](https://codepen.io/hahamimidido/pen/pbYYBr)**：自動產生序號** table with number 
3. [css模糊背景](https://codepen.io/hahamimidido/pen/vKbbOY)**：css模糊背景** pure css blur background 
4. [文字漸層](https://codepen.io/alexcarpenter/pen/GDwIs)**：Text gradients** 

### - Annie - 
1. [多行多字設定顯示省略符號](https://codepen.io/sammymia/pen/rXazBy)


### - 未署名善心人士 - 
1. [數字等寬字型](https://www.w3schools.com/cssref/css_websafe_fonts.asp)

