---
tags: JS 直播班 - 2022 秋季班
---
# 🏅 Day 03 - 小駝峰式命名

### 題目

請試著回答以下問題。
以下題目請合併為一份 CodePen 繳交，並透過「註解」進行回答。

請參考維基百科的 [駝峰式命名法](https://zh.wikipedia.org/wiki/%E9%A7%9D%E5%B3%B0%E5%BC%8F%E5%A4%A7%E5%B0%8F%E5%AF%AB)，試著以 **小駝峰式命名法** 宣告變數。
舉例：

// 房間數量 
let roomNum ;

// 使用者名稱
let userName ; 

1. 咖啡價格
2. 貓貓的體重
3. 浴室數量
4. 刪除檔案
5. 最大人數
6. 姓氏
7. 家庭合照

## 回報流程

將答案寫在 CodePen 並複製 CodePen 連結貼至底下回報就算完成了喔!
解答位置請參考下圖（需打開程式碼的部分觀看）


<!-- 解答：解答純屬參考，本題目無標準答案（練習使用小駝峰命名即可）

1. coffeePrice
2. catWeight
3. bathroomNum
4. deleteFile
5. maxPeopleNum
6. lastName
7. familyPicture

-->

回報區
---

| Discord | CodePen / 答案 |
|:---------------------:|:--------------------------------------------------------------------------------:|
| 嗶嗶羊#8042 | [Codepen](https://codepen.io/mazizlte-the-typescripter/pen/VwxBWjo?editors=0010) |
| 瑋慶#2480 | [Codepen](https://codepen.io/htzwgoqt-the-looper/pen/abGjmQB) |
| azami#5986 | [Codepen](https://codepen.io/azami/pen/wvjxGwZ) |
| 魚子醬Cavier#5220 | [Codepen](https://codepen.io/haihsuan/pen/dyejGxd) |
| 末次#0236 | [Codepen](https://codepen.io/yunjulee/pen/GRdBZRw) |
| Rice#8043 | [Codepen](https://codepen.io/riecball/pen/xxjJVxL?editors=1011) |
| AuroraC#6539 | [codepen](https://codepen.io/AuroraC/pen/YzLjqXv?editors=1010) |
| YC#2522 | [CodePen](https://codepen.io/YCLu/pen/BaxPKyE) |
| 竹輪#3335 | [codepen](https://codepen.io/chikuwa0120/pen/dyejMYe) |
| Daisy Li#4231 | [CodePen](https://codepen.io/lidairong-gmail-com/pen/zYjLqvw?editors=0012) |
| 出事了阿伯#9923 | [codepen](https://codepen.io/BradpittLai/pen/XWqBdJp?editors=1010) |
| CloThEs#7837 | [Codepen](https://codepen.io/CloThEsZ/pen/dyejMGe) |
| hsiung阿熊#4079 | [Codepen](https://codepen.io/hsiungchi/pen/XWqBdmM) |
| 君Jyun#0147 | [codepen](https://codepen.io/Okaybeok/pen/JjvBXGO?editors=0010) |
| homer#1525 | [codepen](https://codepen.io/Buckhorn/pen/gOzjrpZ) |
| Hazel.#6020 | [codopen](https://codepen.io/Hazelhsieh/pen/bGMjpwb?editors=1010) |
| 芮綺#5224 | [codepen](https://codepen.io/zhan70/pen/KKRBzgV?editors=0010) |
| 薯餅#3581 | [codepen](https://codepen.io/ColdingPoTaTo/pen/GRdBZZP) |
| jimmyFang#9575 | [codepen](https://codepen.io/pohxiqqo/pen/JjvBXbM?editors=0010) |
| Silvialu#4521 | [codepen](https://codepen.io/Silvia091640/pen/PoeBNGg) |
| 心幻羽#0056 | [codepen](https://codepen.io/linglingsyu/pen/bGMjpqG) |
| kuku#3118 | [Codepen](https://codepen.io/mengting-ku/pen/mdLjPWv) |
| 艸良#2846 | [Codepen](https://codepen.io/momoninainai/pen/PoeBNmv) |
| Chung#5951 | [Codepen](https://codepen.io/yuju16/pen/yLjqOXa) |
| Lucie#3831 | [Codepen](https://codepen.io/bisespei/pen/LYmBNLr) |
| shinyhung#3825 | [Codepen](https://codepen.io/sean_1215/pen/JjvBXrL) |
| albee#9121 | [Codepen](https://codepen.io/albee-chang/pen/oNdMxGM) |
| 哈囉哈#5196 | [Codepen](https://codepen.io/bill0841205/pen/VwxBaME?editors=1111) |
| KC_8685#9343 | [Codepen](https://codepen.io/cathy7411/pen/JjvBGyR) |
| 艾芮絲#6060 | [Codepen](https://codepen.io/wangyingju/pen/vYjaGjP) |
| 楓之聲#6945 | [Codepen](https://codepen.io/sshane258/pen/VwxBadq) |
| Winnie#1306 | [Codepen](https://codepen.io/WinnieWuWinnie/pen/YzLjqvB?editors=0010) |
| Benson#6763 | [Codepen](https://codepen.io/kumashow/pen/PoeBNBY) |
| VT#0895 | [Codepen](https://codepen.io/vt197/pen/rNvrerY) |
| 母湯#7211 | [Codepen](https://codepen.io/tommyshih77/pen/OJZwNaP?editors=0010) |
| AkiHico#9239 | [Codepen](https://codepen.io/akihico/pen/oNdMxaQ?editors=0010) |
| 威爾#1694 | [CodePen](https://codepen.io/WILL_Wu/pen/zYjLqmR) |
| Iris_#8462 | [CodePen](https://codepen.io/irissamy/pen/PoeBNVw) |
| Ringo#7583 | [CodePen](https://codepen.io/ringolai1988/pen/OJZwNrV?editors=0010) |
| YiTzu妮莎#2717 | [CodePen](https://codepen.io/yitzufu/pen/gOzjrEO) |
| Arista#5802 | [CodePen](https://codepen.io/arista-hsieh/pen/mdLjPYb) |
| beta lin#1445 | [CodePen](https://codepen.io/linbeta/pen/NWMBNJr) |
| Ayre#0016 | [CodePen](https://codepen.io/yichunlin09/pen/wvjxGLG?editors=0010) |
| 圈圈#4060 | [Codepen](https://codepen.io/wjejfczn-the-bold/pen/YzLjqWO) |
| Velma#1693 | [Codepen](https://codepen.io/Ze1225/pen/KKRBMPq?editors=0110) |
| Peng#9811 | [CodePen](https://codepen.io/peng-027/pen/mdLjEyy) |
| JustinLiu#9699 | [CodePen](https://codepen.io/justin0227/pen/MWGBeWO?editors=0010) |
| yoshidc#0455 | [CodePen](https://codepen.io/yoshiyyc/pen/YzLjWzm) |
| Hironaka#7367 | [CodePen](https://codepen.io/Hironaka0815/pen/abGjZoa?editors=0010) |
| William Lai#0196 | [CodePen](https://codepen.io/lai-weihan/pen/VwxBjvo) |
| yawun#0042 | [CodePen](https://codepen.io/monicalin/pen/VwxBjLJ) |
| m_m#5493 | [Codepen](https://codepen.io/minnn7716/pen/bGMjeeg) |
| 教練#6451 | [CodePen](https://codepen.io/monkeybear721/pen/eYrjzRL) |
| 威0#6919 | [Codepen](https://codepen.io/n0918679182/pen/bGMjeRW?editors=0010) |
| banazita#5143 | [CodePen](https://codepen.io/banazita/pen/bGMjedB) |
| 大衛#4869 | [CodePen](https://codepen.io/exnsrpjc/pen/xxjJOdB?editors=1010) |
| 無名#6427 | [CodePen](https://codepen.io/Nomoney/pen/YzLjWYy) |
| ZawaLeng#4307 | [CodePen](https://codepen.io/len5464/pen/MWGBeQB?editors=0010) |
| hungya#0773 | [CodePen](https://codepen.io/hungya777/pen/GRdBqGN?editors=0010) |
| Potatolee#7749 | [CodePen](https://codepen.io/potatoleee/pen/abGjZKr) |
| Hilda#7085 | [CodePen](https://codepen.io/vwquikad-the-vuer/pen/WNJKxaM?editors=0110) |
| Tami#6472 | [CodePen](https://codepen.io/wqsdqbjn-the-vuer/pen/LYmBZXE?editors=0010) |
| amy芳#1385 | [CodePen](https://codepen.io/amy-chieng/pen/BaxPzGd) |
| Rr#2215 | [Codepen](https://codepen.io/rufangcheng/pen/mdLjEKr) |
| KatyChiang#1554 | [CodePen](https://codepen.io/Kai0819/pen/abGjZXe?editors=1010) |
| 狸貓#5863 | [CodePen](https://codepen.io/tanuki320/pen/poVZEzQ?editors=0010) |
| 0xWilliam #8796 | [CodePen](https://codepen.io/0xWilliam0322/pen/NWMBRWM?editors=1010) |
| Clara#1275 | [CodePen](https://codepen.io/bsupixqu/pen/vYjaXmJ) |
| jackson204#6363 | [CodePen](https://codepen.io/jackson204/pen/poVZEWm) |
| hannahTW#2224 | [CodePen](https://codepen.io/hangineer/pen/PoeBGJe) |
| yumy#1940 | [CodePen](https://codepen.io/yumy_yamg/pen/YzLjGEx) |
| Ron Liang#7277 | [CodePen](https://codepen.io/ron-go/pen/MWGBjGg) |
| Wei#2330 | [Codepen](https://codepen.io/ixfjxrbo-the-typescripter/pen/MWGBjqW) |
| Judy☻ #7874 | [CodePen](https://codepen.io/hsiaohan/pen/YzLjGOY) |
| cbs#9007 | [CodePen](https://codepen.io/wasdjk/pen/abGjmKm) |
| Curtis#4780 | [CodePen](https://codepen.io/curtislin/pen/NWMBRLJ?editors=0010) |
| 我是泇吟#5189 | [CodePen](https://codepen.io/kljuqbxs/pen/vYjaXVd) |
| Shalina123#3090 | [CodePen](https://codepen.io/shalina123/pen/mdLjrvK) |
| 小白#2406 | [CodePen](https://codepen.io/gracewhite/pen/dyejpwZ) |
| Cream#3449 | [CodePen](https://codepen.io/frxdwbbi-the-sasster/pen/xxjJEed) |
| 黑白兔#0684 | [CodePen](https://codepen.io/johnny329/pen/oNdMzRo) |
| jamesccc#6244 | [CodePen](https://codepen.io/nimwnynv-the-sasster/pen/MWGBjNa) |
| bingsu#2362 | [CodePen](https://codepen.io/pmyfr/pen/YzLjGmL?editors=0010) |
| Greta#0837 | [Codepen](https://codepen.io/gretali/pen/ZEojpdQ) |
| CofCat#9226 | [CodePen](https://codepen.io/cofcat456/pen/vYjayYr) |
| Cliff#4606 | [Codepen](https://codepen.io/Cliff_hex/pen/dyejpxd) |
| Rena#6249 | [Codepen](https://codepen.io/aureate0116/pen/mdLjOez) |
| RyanTsai#8906 | [CodePen](https://codepen.io/linlaose/pen/abGjBZy?editors=0010) |
| WEI_RIO#9342 | [CodePen](https://codepen.io/wei_wu/pen/JjvBbNp?editors=0010) |
| 法希娜#3206 | [CodePen](https://codepen.io/yiiserpf-the-encoder/pen/MWGBbob) |
| 富#0389 | [CodePen](https://codepen.io/spring40747/pen/ZEojByL) |
| RayPo#8090 | [CodePen](https://codepen.io/raycheng/pen/BaxPQxa?editors=0010) |
| suihsilan#9485 | [CodePen](https://codepen.io/suihsilan/pen/xxjJRQz?editors=0010) |
| Gill#9280 | [CodePen](https://codepen.io/Gill-Chin/pen/GRdBNwV) |
| 勁辣雞腿寶#5817 | [CodePen](https://codepen.io/orz311013/pen/LYmBboM?editors=0010) |
| JackC#0411 | [CodePen](https://codepen.io/key0329/pen/JjvBbge) |
| YI#0863 | [CodePen](https://codepen.io/YI0305/pen/poVZRzr?editors=0012) |
| Fan#3405 | [CodePen](https://codepen.io/Fan123/pen/LYmBbOr) |
| 維尼#2200 | [CodePen](https://codepen.io/gxvzprtq-the-selector/pen/XWqBpgx?editors=0012) |
| 雷雷#7844 | [CodePen](https://codepen.io/lei-yi-jie/pen/abGjpVM?editors=1010) |
| Milvii#7341 | [CodePen](https://codepen.io/Monstertroll/pen/PoeBpZO) |
| SunnyCheng#4113 | [CodePen](https://codepen.io/Sunny0509/pen/YzLjZxQ) |
| Baozi#2042 | [CodePen](https://codepen.io/lillianyu/pen/RwyBpyx) |
| Yishan#4902 | [CodePen](https://codepen.io/gdjrehhw-the-animator/pen/GRdBWYG?editors=0010) |
| Paul#7426 | [CodePen](https://codepen.io/paul-1997/pen/QWrBvWL?editors=0010) |
| Lou#0085 | [CodePen](https://codepen.io/Lusie_H/pen/LYmByZQ?editors=0010) |
| meimei#9524 | [CodePen](https://codepen.io/isnrudav/pen/gOzjWxy) |
| Lynn73#3164 | [CodePen](https://codepen.io/lynn880703/pen/MWGBmLo) |
| 入門小菜G#0191 | [CodePen](https://codepen.io/gybcmlfj-the-typescripter/pen/OJZwmey) |
| Mia小福#4473 | [CodePen](https://codepen.io/a0950271/pen/GRdBEgg) |
| 鑫鑫#4346 | [CodePen](https://codepen.io/Neil1024/pen/PoeBjyp?editors=0011) |
| poetry1933#2713 | [CodePen](https://codepen.io/poetry1932/pen/gOzjRqm?editors=0010) |
| yen#5757 | [CodePen](https://codepen.io/TZU-HUANG-YEN/pen/VwxBWRa?editors=0010) |
| LQQ#4187 | [CodePen](https://codepen.io/morefoodq/pen/gOzjRyW) |
| VK#6657 | [CodePen](https://codepen.io/VKCS/pen/PoeBKNO) |
| Amberhh#2465 | [Codepen](https://codepen.io/Amberhh/pen/jOxpqVb) |
| PayRoom#8328 | [Codepen](https://codepen.io/water38198/pen/GRdBvqM) |
| Data#9297 | [Codepen](https://codepen.io/kirakira72/pen/xxjJLrV) |
| mandylai#4055 | [Codepen](https://codepen.io/mandy-lai-2/pen/PoeBWLj) |
| 健育#5748 | [Codepen](https://codepen.io/c1317156/pen/vYjaJeJ) |
| RayChen#6088 | [Codepen](https://codepen.io/raychen1996/pen/rNvrzpa) |
| pidder#7315 | [Codepen](https://codepen.io/liaoben/pen/xxjJLpO) |
| 蓁心#6229 | [Codepen](https://codepen.io/tlorfrnl-the-typescripter/pen/MWGBvqW) |
| Ohno#1144 | [Codepen](https://codepen.io/mmaa7850/pen/vYjaJzp) |
| RJRS#9430 | [Codepen](https://codepen.io/RJRS/pen/LYmBjKz) |
| 毛毛雨#2242 | [Codepen](https://codepen.io/em-lee/pen/jOxpGpr) |
| Tuhacrt#0008 | [codepen](https://codepen.io/Tuhacrt/pen/rNvrGPY) |
| tanya#5104 | [codepen](https://codepen.io/tanya0207yh/pen/GRdBORR?editors=0010) |
| Kimi#9564 | [codepen](https://codepen.io/kimihu91/pen/wvXvNZR) |
| 阿風#6890 | [codepen](https://codepen.io/Afonguwu/pen/qBYyVPG?editors=0010) |
| Karol-Kuo#5287 | [codepen](https://codepen.io/ting-yu-kuo/pen/PoeBEGE) |
| 王懷英#7271 | [codepen](https://codepen.io/huaiying/pen/xxjJprZ) |
| Yuna Huang#2692 | [codepen](https://codepen.io/Yuna1002/pen/qBYypQr?editors=0010) |
| yoyo#1003 | [codepen](https://codepen.io/crpbugqy-the-typescripter/pen/YzLjxdY) |
| 黃士桓#7654 | [codePen](https://codepen.io/shr-huan-huang/pen/xxjJYRX) |
| 萱仔#0781 | [codePen](https://codepen.io/ting-hsuan/pen/yLjqvgO) |
| AmberWang#2504 | [codePen](https://codepen.io/dmpjhhtt-the-typescripter/pen/RwyBQyd) |
| Joy1712#4670 | [codePen](https://codepen.io/Joy1712/pen/RwyBQBd?editors=1111) |
| 黑松胖#4836 | [CodePen](https://codepen.io/yi-chien-hsieh/pen/vYjadqw?editors=0010) |
| Chloe#5422 | [CodePen](https://codepen.io/Ironchloe/pen/mdLjxJd?editors=0010) |
| 布萊N#6319 | [CodePen](https://codepen.io/bryanlincode/pen/qBYyoWQ) |
| xherbruce#6825 | [CodePen](https://codepen.io/winwinbruce/pen/wvjxmKW) |
| 山貓(焜)#7041 | [CodePen](https://codepen.io/nopeta/pen/PoeBROG) |
| XYY#2630 | [CodePen](https://codepen.io/Xing-Ying/pen/OJZwvvW) |
| ssozr#4680 | [codepen](https://codepen.io/ssozr/pen/qBYyZLJ?editors=0010) |
| jacky010080#0880 | [CodePen](https://codepen.io/Yen-Jung-Chen/pen/BaxPrqZ?editors=0010) |
| 肉桂卷#0625 | [codepen](https://codepen.io/ginnlee/pen/bGMjvjr?editors=0011) |
| kenki100#0068 | [codepen](https://codepen.io/ken100/pen/vYjamJQ) |
| 軟綿綿 (๑•ᴗ•๑) ♡#3627 | [codepen](https://codepen.io/Connie-Chien/pen/qBYyogB?editors=0010) |
| Ryan Chiang#6649 | [Codepen](https://codepen.io/ryanchiang/pen/zYjLWXQ?editors=0010) |
| ling chang#1024 | [Codepen](https://codepen.io/ling-chang/pen/QWrBmer) |
| jin.huang#4666 | [Codepen](https://codepen.io/haha1196/pen/BaxPxjJ) |
| Sonia Wu#7154 | [Codepen](https://codepen.io/YUJOU/pen/abGjGvb) |
| 大大#5164 | [Codepen](https://codepen.io/pen/tour/welcome/start?editors=0010) |
| Jamie Wu#9345 | [Codepen](https://codepen.io/Wu220103/pen/ZEojoME) |
| RuoAn#7124 | [Codepen](https://codepen.io/LiauRuoAn/pen/VwxBdwQ?editors=0010) |
| 郭芙蘭#6374 | [Codepen](https://codepen.io/flora_Kuo/pen/xxjJzOL?editors=0010) |
| FiReBrO#0557 | [Codepen](https://codepen.io/firebro42/pen/VwxBdNg) |
| Shuo#1596 | [Codepen](https://codepen.io/chiangchungshuo/pen/wvjxxvG) |
| J_u_d_y#5993 | [Codepen](https://codepen.io/J_u_d_y/pen/OJZwwMM?editors=1010) |
| hayaka #4579 | [Codepen](https://codepen.io/CocoCat/pen/KKRBGVw?editors=0010) |
| juri#5114 | [Codepen](https://codepen.io/jurry126/pen/oNdMMaN?editors=0010) |
| Jun91#7107 | [Codepen](https://codepen.io/Jun91/pen/eYrjoRw?editors=1111) |
| 泰泰泰泰#0582 | [Codepen](https://codepen.io/tesdzzph-the-bashful/pen/gOzjJdJ) |
| 柔柔#1716 | [Codepen](https://codepen.io/rouchen/pen/bGMjPVe) |
| Barret#1119 | [CodePen](https://codepen.io/barret0720/pen/KKRBjro?editors=0010)|
|Yiru#0236|[Codepen](https://codepen.io/yiru94/pen/MWGBNER?editors=0010)|
|阿蘇#8531|[Codepen](https://codepen.io/mazizlte-the-typescripter/pen/VwxBWjo?editors=0010)|
|三隻小貓#1905|[Codepen](https://codepen.io/bagelover/pen/rNvZaxb)|
|SASIMI#5099|[Codepen](https://codepen.io/sashimi1327/pen/LYmJEeR)|
|朧.#9548|[Codepen](https://codepen.io/crushing_omega/pen/dyeqYmx)|
|shio#1414|[Codepen](https://codepen.io/shioyen/pen/VwxGeGb)|
|mou#2215|[Codepen](https://codepen.io/shihchiehlan/pen/QWrVNKe)|
| YU #0618 | [Codepen](https://codepen.io/yoken_/pen/GRdXZjX) |
|lee#5462|[Codepen](https://codepen.io/barrylee85/pen/oNdPLeO?editors=0010)|
|Loran#1105|[Codepen](https://codepen.io/loranlin/pen/poVObpd?editors=1010)|
|k.sin#3115|[Codepen](https://codepen.io/sin588/pen/bGMxezR?editors=0010)|
|Kevin8349#6131|[Codepen](https://codepen.io/xlqjezvc-the-encoder/pen/gOzdwrW?editors=1010)|
| LHchien33#6232 |[Codepen](https://codepen.io/lin_chien/pen/QWrVKVz?editors=0010)|
| Jhen#4563 |[Codepen](https://codepen.io/su-jhen/pen/wvjEoXV)|
| Evelyne#7323 |[Codepen](https://codepen.io/Evelynep/pen/eYrLvNb)|
| 阿修#1976 | [Codepen](https://codepen.io/xiu-tong/pen/yLjxXbz)|
|Mylène#2481|[Codepen](https://codepen.io/hamajibashi/pen/Jjvaybo)|
|Murmurline#6969|[Codepen](https://codepen.io/murmurline/pen/XWqPBOx)|
|CJ07#0176|[codepen](https://codepen.io/cjtseng07/pen/jOxvvqx?editors=0010)|
|NathanJames#8120|[codepen](https://codepen.io/ufo060204/pen/rNvZZdE?editors=0010)|
|Azi Hsieh#2861|[CodePen](https://codepen.io/AziHsieh/pen/vYjzVOp)|
|DoraHuang#8223|[CodePen](https://codepen.io/mwebwvuq-the-flexboxer/pen/ZEoMmpJ)|
|Sentiments#4883|[codepen](https://codepen.io/Sentiments/pen/jOxvREZ)
| Jenny真#7532 | [CodePen](https://codepen.io/wei-chen-wu/pen/yLjxmRw?editors=0010) |
|jonathanlin83#5063|[Codepen](https://codepen.io/jonathanlin83/pen/ZEoqEgR)|
|H.L.C#2152|[Codepen](https://codepen.io/hsin-liang/pen/YzLJGyX)|
|Nini Chen#5790|[Codepen](https://codepen.io/ninistyle/pen/qBYJqpj?editors=0010)|
|yuling#1634|[codepen](https://codepen.io/igzdflpu/pen/jOxezvB)|
|yanlin_liu#2191|[codepen](https://codepen.io/simplelife/pen/QWrZrKO?editors=1111)|
|Chian#1564|[codepen](https://codepen.io/chian-yang/pen/bGMmZeG)|
|charlottelee849#0366|[codepen](https://codepen.io/charlotte-lee/pen/OJZBqgL?editors=0010)|
|Judy Wei#6103|[Codepen](https://codepen.io/Judy0718/pen/XWqxvow)|
|Cookie SSS#6991|[Codepen](https://codepen.io/sqhjikpa-the-selector/pen/abGQdwM?editors=0010)|
|DINGY#2931|[Codepen](https://codepen.io/dingy-xiao/pen/WNJYGwj?editors=0010)|
|Vera#5592|[Codepen](https://codepen.io/skvera/pen/XWqyjGw)|
|予予#9627|[Codepen](https://codepen.io/kiqzcraa/pen/dyejOxL)|
|sophiee#7015|[Codepen](https://codepen.io/sophiee2727/pen/eYrQoLP?editors=1010)
|L0F0#8733|[Codepen](https://codepen.io/l0f0/pen/qBYQzqV?editors=0010)|
|Karen Chan#4625|[Codepen](https://codepen.io/ruruchan7/pen/bGMOdpL)|
|Novella#1032|[Codepen](https://codepen.io/Novellaq/pen/XWqozZM?editors=1010)|
|RosaC#4286|[Codepen](https://codepen.io/RosarC/pen/jOxXaJq)|
|pss940909#8650|[Codepen](https://codepen.io/pss940909/pen/gOzZXNN)|
|mei#8421|[Codepen](https://codepen.io/Shila-Chen/pen/NWMoqNa)|
|ViNci#4273|[Codepen](https://codepen.io/ViNciSyo/pen/XWqObyr)|
|Aritan#1931|[Codepen](https://codepen.io/Aritan/pen/OJZdWRw)|
|kancheng#3915||
|christina#6185|[Codepen](https://codepen.io/chrisc0210/pen/BaxEWjv)|
|hua#9099|[Codepen](https://codepen.io/LHua/pen/eYroypp?editors=0010)|
|MJ_Eddie#5258|[CodePen](https://codepen.io/nick-lin/pen/qBYwwKV)|
popcorn_3q#9893|[CodePen](https://codepen.io/pen/?editors=0010)|
|安o#2448|[CodePen](https://codepen.io/JzhenAn/pen/yLjWajN)|
|How#5806|[CodePen](https://codepen.io/howtobefine/pen/yLELoPj)|
|周周#3503|[CodePen](https://codepen.io/jhoujhou-the-decoder/pen/mdKENzX?editors=1010)|