---
# System prepended metadata

title: "\U0001F3C5 切版任務 Day2 - 圖片處理技巧"
tags: [軟體工程師體驗營 - 2024]

---

---
tags: 軟體工程師體驗營 - 2024
---

# 🏅 切版任務 Day2 - 圖片處理技巧

## 練習一：處理圖片下方的空隙

圖片預設下方會有 2 ~ 3px 空隙，請同學參考[此文章](https://tzuhui.github.io/2020/01/08/HTML/html-img-blank/)了解原理，
並回答下方問題。

### 題目

嘗試在 .img 內加入 CSS 語法將圖片下的空白部分移除

[示意](https://codepen.io/hexschool/pen/mdXZJar)：
![](https://i.imgur.com/VggWh0X.png)
> 圖片下方與 p 標籤會有一小部分空隙

HTML：
```htmlembedded=
<img class="img" src="https://ithelp.ithome.com.tw/storage/image/logo.svg" alt="">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Illo nostrum officiis aspernatur.</p>
```
CSS：
```css=
.img {
  display:block;
}
```

## 練習二：圖片 hover 放大效果
當你將滑鼠移動到一個圖片上時，它會立即放大，通常會運用此方法來提供使用者互動回饋。

### 題目
嘗試滑鼠 hover 在 .img 時，加入 CSS 語法讓圖片會有放大的效果

<img src="https://i.imgur.com/t2fEFtP.gif" width="250">

:::spoiler 提示：
- transform scale
:::
## 回報流程

1. 將答案貼在 Codepen 並複製 Codepen 連結貼至「回報區」回報
（也可以將答案直接貼至「回報區」）

![](https://i.imgur.com/vftL5i0.png)

<!-- 

解答：
練習一：（擇一即可）
1. display:block;
2. vertical-align:top/bottom/middle/text-top/text-bottom

練習二：
.img:hover {
  transform: scale(1.5);
}

-->


回報區
---

| 報數 |  Discord 名字   |                              Codepen／其他回饋                              |     |
|:----:|:---------------:|:---------------------------------------------------------------------------:| --- |
|  1   |      阿若       |             [Codepen](https://codepen.io/skar5268/pen/yLrwVqB)              |     |
|  02  |      Larry      |            [Codepen](https://codepen.io/larrylinr5/pen/ZEZPBVb)             |     |
|  03  |       Aya       |            [Codepen](https://codepen.io/NoNameNote/pen/LYvabJL)             |     |
|  04  |      Meng       |            [Codepen](https://codepen.io/menglin1203/pen/JjVzbmW)            |     |
|  05  |   hazelhsieh    |            [codePen](https://codepen.io/Hazelhsieh/pen/VwNgEmW)             |     |
|  06  |      jerry      |            [codePen](https://codepen.io/sony791210/pen/eYoXBQp)             |     |
|  07  |     Lauren      |              [codePen](https://codepen.io/Lauren8/pen/BaEbQEM)              |     |
|  07  |     Hailey      |      [codePen](https://codepen.io/sxbokfja-the-flexboxer/pen/jORJVgN)       |     |
|  08  |      Sana       |              [codePen](https://codepen.io/-Chouno/pen/VwNRmVr)              |     |
|  09  |     wan_ju      |              [Codepen](https://codepen.io/Laura21/pen/wvZOoLO)              |     |
|  10  |    Angela_la    |  [Codepen](https://codepen.io/Angela-the-builder/pen/xxeBRed?editors=1100)  |     |
|  11  |   erichsu0406   |      [Codepen](https://codepen.io/esxwvufg-the-flexboxer/pen/bGJZBPJ)       |     |
|  12  |     Zander      |           [Codepen](https://codepen.io/chuangmaster/pen/LYvaxVe)            |     |
|  13  |    LiLiLiLi     |            [Codepen](https://codepen.io/jungang0414/pen/xxeBRod)            |     |
|  14  |       Kai       |          [Codepen](https://codepen.io/imkaikai9997874/pen/RwOdKae)          |     |
|  15  |    zuien1120    |            [Codepen](https://codepen.io/anki0072011/pen/zYXbNoz)            |     |
|  16  |    yunyouob     |       [Codepen](https://codepen.io/ozkkvlsu-the-animator/pen/VwNRPpG)       |     |
|  17  |    melissaa     |           [Codepen](https://codepen.io/melissa-chou/pen/VwNRPmB)            |     |
|  18  |      ㄚ華       |         [Codepen](https://codepen.io/rzzuehiv-the-vuer/pen/JjVzEWp)         |     |
|  19  |     Elva Su     |       [Codepen](https://codepen.io/evensu_/pen/WNWmRMr?editors=1100)        |     |
|  20  |     zobody      |             [Codepen](https://codepen.io/Zoe-Shih/pen/rNbRjdz)              |     |
|  21  |      小米       |     [Codepen](https://codepen.io/hlgudwue-the-typescripter/pen/OJGqWWY)     |     |
|  22  |      MDFK       |       [Codepen](https://codepen.io/aqcrrhwb/pen/vYMPgVM?editors=1100)       |     |
|  23  |      啞鈴       |             [Codepen](https://codepen.io/TinaTing/pen/yLrwgmo)              |     |
|  24  |     Chingya     |            [Codepen](https://codepen.io/chingya1214/pen/BaEbpgj)            |     |
|  25  |       嵬        |              [Codepen](https://codepen.io/Obivld/pen/jORJyKM)               |     |
|  26  |     Daphne      |            [Codepen](https://codepen.io/DaphneShen/pen/xxeBqbQ)             |     |
|  27  |     LGJason     |              [Codepen](https://codepen.io/j811108/pen/abxMJZQ)              |     |
|  28  |     Winnie      |         [Codepen](https://codepen.io/codepen-io-winnie/pen/KKYEaYW)         |     |
|  29  |    Joey一針     |             [Codepen](https://codepen.io/joeychou/pen/zYXbZNm)              |     |
|  30  |      Ariel      |             [Codepen](https://codepen.io/ariel0510/pen/MWRxpyQ)             |     |
|  31  |      Chieh      |     [Codepen](https://codepen.io/Wei-Chieh-T/pen/XWQGMpP?editors=1100)      |     |
|  32  |       Ana       |              [Codepen](https://codepen.io/Ana-Wu/pen/LYvaWWK)               |     |
|  33  |       una       |       [Codepen](https://codepen.io/gnamfxwh-the-builder/pen/GRLeWGN)        |     |
|  34  |      Yuwen      |         [Codepen](https://codepen.io/Yuwen-the-reactor/pen/MWRxpRZ)         |     |
|  35  |    mike_2049    |             [Codepen](https://codepen.io/mike2049/pen/JjVzWow)              |     |
|  36  |    真真瑋瑋     |               [Codepen](https://codepen.io/collection/RzOpyx)               |     |
|  37  |      JUN_       |               [Codepen](https://codepen.io/Jun-L/pen/LYvaWvV)               |     |
|  38  |  liugod3824🔥   |      [Codepen](https://codepen.io/kjssvtkr-the-animator/pen/RwOdVNp)✔       |     |
|  39  |      Sammy      |         [Codepen](https://codepen.io/fsczdlla-the-bold/pen/ZEZPLMJ)         |     |
|  40  |       LYC       |           [Codepen](https:/https://codepen.io/LY-C/pen/zYXbwvO/)            |     |
|  41  |     yicheng     |           [Codepen](https://codepen.io/YiChengCHANG/pen/WNWmjvK)            |     |
|  42  |   hognru-LyNn   |              [Codepen](https://codepen.io/LyNnYWu/pen/bGJZqyL)              |     |
|  43  |    Chia Pin     |             [Codepen](https://codepen.io/joker-cat/pen/LYvayRZ)             |     |
|  44  |      boin       |              [Codepen](https://codepen.io/boinji/pen/zYXbwrO)               |     |
|  45  |     Aust1n      |             [Codepen](https://codepen.io/AustinYEH/pen/rNbRmWB)             |     |
|  46  |      阿宸       |  [Codepen](https://codepen.io/xnocndjt-the-sans/pen/abxMWdz?editors=1100)   |     |
|  47  |      Casey      |        [Codepen](https://codepen.io/Caseyyyyyyyyyyyyyy/pen/qBwvmRN)         |     |
|  48  |      小趴       |             [Codepen](https://codepen.io/papa2415/pen/mdgomGx)              |     |
|  49  |      Toung      |               [Codepen](https://codepen.io/Toung/pen/dyLrWeR)               |     |
|  50  |      Peggy      |       [Codepen](https://codepen.io/eqelytbi-the-animator/pen/JjVzNJK)       |     |
|  51  |   .rainielin    |           [Codepen](https://codepen.io/Yunchian-Lin/pen/ZEmypyw)            |     |
|  52  |      Emma       |              [Codepen](https://codepen.io/huang_L/pen/mdgowEQ)              |     |
|  53  |    nora_zizi    |              [Codepen](https://codepen.io/Nora-Ch/pen/WNWmORb)              |     |
|  54  |    macihuang    |             [Codepen](https://codepen.io/macy1215/pen/yLrwXOe)              |     |
|  55  |      Shawn      |   [Codepen](https://codepen.io/Zhang-shawn-the-typescripter/pen/LYvaLEO)    |     |
|  56  |       宇        |           [Codepen](https://codepen.io/jian-yu-chen/pen/JjVzJjy)            |     |
|  57  |      灣灣       |       [Codepen](https://codepen.io/fygdvrkl-the-sasster/pen/LYvaLXg)        |     |
|  58  |      nige       |             [Codepen](https://codepen.io/Trista-Su/pen/oNOVwOJ)             |     |
|  59  |      黛西       |           [Codepen](https://codepen.io/ChiashengLin/pen/ZEZPyZX)            |     |
|  60  |      Jiahe      |            [Codepen](https://codepen.io/Andywang-95/pen/bGJZRaN)            |     |
|  61  |    Daisy Li     |        [Codepen](https://codepen.io/lidairong-gmail-com/pen/vYMPZbw)        |     |
|  62  |       Six       |       [Codepen](https://codepen.io/Max-kuo/pen/eYoXRXe?editors=1100)        |     |
|  63  |      Haley      |              [Codepen](https://codepen.io/wsx3690/pen/gOyExaa)              |     |
|  64  |       wei       |          [Codepen](https://codepen.io/Wei-the-sasster/pen/MWRxveQ)          |     |
|  65  |     Camila      |             [Codepen](https://codepen.io/camilalo/pen/wvZOqdg)              |     |
|  66  |     黑嚕嚕      |         [Codepen](https://codepen.io/wzokvjha-the-vuer/pen/KKYJLZj)         |     |
|  67  |     emmayo      |              [Codepen](https://codepen.io/emmayo/pen/MWRxvGB)               |     |
|  68  |      Kasie      |        [Codepen](https://codepen.io/KasieL/pen/ExJMvmG?editors=1100)        |     |
|  69  |      紫珩       |            [Codepen](https://codepen.io/tzhengliin/pen/gOyExdg)             |     |
|  70  |     WEIWEI      |             [Codepen](https://codepen.io/weiwei93/pen/BaEbdwp)              |     |
|  71  |    damon0323    |             [Codepen](https://codepen.io/swk9eny2/pen/OJGqjex)              |     |
|  72  |     Mionne      |             [Codepen](https://codepen.io/neohyntw/pen/bGJZoGv)              |     |
|  73  |      薛逢       |       [Codepen](https://codepen.io/vogqyrrj-the-selector/pen/XWQGzWN)       |     |
|  74  |     yuling      |       [Codepen](https://codepen.io/igzdflpu/pen/jORJGPv?editors=0111)       |     |
|  75  |      Ellie      |           [Codepen](https://codepen.io/Ellie-Chiang/pen/MWRxOLo)            |     |
|  76  |     JIAWUN      |       [Codepen](https://codepen.io/wkasixgv-the-sasster/pen/ZEZPvWr)        |     |
|  77  |    hsiehmo16    |              [Codepen](https://codepen.io/mohsieh/pen/mdgopEy)              |     |
|  78  |      KUN.       |            [Codepen](https://codepen.io/barry91205/pen/ZEZPvLo)             |     |
|  79  |      Dobe       |             [Codepen](https://codepen.io/lisebee/live/PogLQXd)              |     |
|  80  |    Tanyaaaa     |            [Codepen](https://codepen.io/tanya77777/pen/oNOVppv)             |     |
|  81  |      Kaya       |             [Codepen](https://codepen.io/kayaribi/pen/BaEbJrW)              |     |
|  82  |  kate_bearchou  |       [Codepen](https://codepen.io/ydzfqmuh-the-selector/pen/YzMgYXo)       |     |
|  83  |      sasa       |           [Codepen](https://codepen.io/cosmopolitan/pen/PogLERb)            |     |
|  84  |      oyll       |           [Codepen](https://codepen.io/dizzydog-rgb/pen/gOyEoVR)            |     |
|  85  |       Ted       |       [Codepen](https://codepen.io/bomtovou-the-animator/pen/vYMPdEg)       |     |
|  86  |      RJIA       |               [Codepen](https://codepen.io/RJIAr/pen/jORJYjK)               |     |
|  87  |       JY        |      [Codepen](https://codepen.io/jylee0805/pen/zYXbpQQ?editors=1100)       |     |
|  88  |      JESS       |               [Codepen](https://codepen.io/-8412/pen/VwNRymo)               |     |
|  89  |  brucelee0629   |       [Codepen](https://codepen.io/xxhdklwi-the-decoder/pen/qBwvxqZ)        |     |
|  90  |   anderson666   |  [Codepen] [Codepen](https://codepen.io/xxhdklwi-the-decoder/pen/qBwvxqZ)   |     |
|  91  |       秀        |      [Codepen](https://codepen.io/Alyssa-CHEN-the-bashful/pen/zYXbRGg)      |     |
|  92  |    leo.chang    |             [Codepen](https://codepen.io/s16777216/pen/ZEZPrwG)             |     |
|  93  |    Chewsday     |             [Codepen](https://codepen.io/Chewsday/pen/oNOVqjp)              |     |
|  94  |       han       |      [Codepen](https://codepen.io/Han-Chen-the-flexboxer/pen/oNOVEeB)       |     |
|  95  |      Floy       |               [Codepen](https://codepen.io/F0108/pen/ZEZPxzQ)               |     |
|  96  |      Linfe      |               [Codepen](https://codepen.io/Linfe/pen/GRLexNP)               |     |
|  97  |   ninii傳教士   |             [Codepen](https://codepen.io/niiniiii/pen/KKYEorN)              |     |
|  98  | Guan(yangguan.) |            [Codepen](  https://codepen.io/Yang-guan/pen/WNWmRRb)            |     |
|  99  | willypower4315  |           [Codepen](https://codepen.io/DragonWillys/pen/ExJpWdE)            |     |
| 100  |    Amy(咂摳)    |       [Codepen](https://codepen.io/nnxucgmc-the-builder/pen/NWmJYvW)        |     |
| 101  |      閆安       |            [Codepen](https://codepen.io/yanann7777/pen/dyLrdWN)             |     |
| 102  |     Andy_12     |              [Codepen](https://codepen.io/lifann/pen/zYXbjBL)               |     |
| 103  |     FURUTO      |      [Codepen](https://codepen.io/oditudnw-the-flexboxer/pen/jORJNBJ)       |     |
| 104  |  Frank Chiang   |            [Codepen](https://codepen.io/frankchiang/pen/ZEZPorj)            |     |
| 105  |    Peggy Hsu    |             [Codepen](https://codepen.io/Peggy-hsu/pen/OJGqZwp)             |     |
| 106  |   CrystalLala   |            [Codepen](https://codepen.io/crystallala/pen/oNOVdyN)            |     |
| 107  |   Tough life    |            [codePen](https://codepen.io/hakuei0115/pen/rNbRvrQ)             |     |
| 108  |    ss585801     |             [codePen](https://codepen.io/ss585801/pen/PogLRvw)              |     |
| 109  |     sweewei     |            [codePen](https://codepen.io/sweewei-Law/pen/qBwvKNb)            |     |
| 110  |   禮央 (れお)   |               [CodePen](https://codepen.io/J-Y-P/pen/ZEZPodV)               |     |
| 111  |      Ollie      |             [CodePen](https://codepen.io/renakaren/pen/ZEZPRRE)             |     |
| 112  |     marklan     |     [CodePen](https://codepen.io/fantasybluz/pen/oNOVMjp?editors=1111)      |     |
| 113  |     s870012     |       [CodePen](https://codepen.io/idzrvbnl-the-bashful/pen/YzMgOJy)        |     |
| 114  |      Maca       |       [CodePen](https://codepen.io/wcfngvyx-the-encoder/pen/zYXbygQ)        |     |
| 115  |       QOO       |              [CodePen](https://codepen.io/QOOQOOQ/pen/RwOdvYx)              |     |
| 116  |       MY        |              [CodePen](https://codepen.io/ahmomoz/pen/poBYYxN)              |     |
| 117  |      Anna       |             [CodePen](https://codepen.io/Anna-Teng/pen/eYoXXLR)             |     |
| 118  |   Jenny_7314    |             [CodePen](https://codepen.io/Jenny_000/pen/RwOdEPX)             |     |
| 119  |      樂樂       |               [CodePen](https://codepen.io/Wpypy/pen/zYXbXOW)               |     |
| 120  |    kevinwen     |              [Codepen](https://codepen.io/wenwoo/pen/MWRxddW)               |     |
| 121  |      LING       |       [Codepen](https://codepen.io/uycrjkhb-the-animator/pen/LYvaKGz)       |     |
| 122  |      khoo       |                [Codepen](https://codepen.io/yi8/pen/LYvaKjQ)                |     |
| 123  |      Mika       | [Codepen](https://codepen.io/shumtzhz-the-encoder/pen/PogLrQv?editors=1100) |     |
| 124  |    Vicfirth     |           [Codepen](https://codepen.io/yingchangchen/pen/KKYEOdm)           |     |
| 125  |       Rae       |            [Codepen](https://codepen.io/Rae-raelyn/pen/qBwwWBE)             |     |
| 126  |       PCW       |           [codepen](https://codepen.io/paicheng0111/pen/RwOOPPo)            |     |
| 127  |     cindyLo     |            [codepen](https://codepen.io/cindy820218/pen/zYXXGqV)            |     |
| 128  |     王二哈      |           [codepen](https://codepen.io/kephxnhfh0927/pen/dyLLYPZ)           |     |
| 129  |    CHICHI GO    |             [codepen](https://codepen.io/CHICHI-GO/pen/eYoopNJ)             |     |
| 130  |   zaoannihao    |        [codepen](https://codepen.io/ckhwdvrx-the-solid/pen/bGJJEag)         |     |
| 131  |      Mars       |        [codepen](https://codepen.io/Mars-the-flexboxer/pen/RwOOrMP)         |     |
| 132  | jianshirong9528 |        [codepen](https://codepen.io/ydmindfw-the-looper/pen/yLrrOdB)        |     |
| 133  |      黛Dye      |             [codepen](https://codepen.io/Dye_Note/pen/xxeeEoo)              |     |
| 134  |    kebukeyi     |             [codepen](https://codepen.io/kebukeyi/pen/jORRyyN)              |     |
| 135  |       Si        |                [codepen](https://codepen.io/Si-/pen/YzMaQPL)                |     |
| 136  |     qet1717     |      [codepen](https://codepen.io/yizukwgs-the-flexboxer/pen/PoggjLr)       |     |
| 137  |     hsienlu     |              [codepen](https://codepen.io/Hsienlu/pen/MWRRvoO)              |     |
| 138  |       邵        |     [codepen](https://codepen.io/ukscrlno-the-typescripter/pen/XWQQaoy)     |     |
| 139  |    sylviabuy    |            [codepen](https://codepen.io/sylviabela/pen/OJGGxPm)             |     |
| 140  |  Michelle0417   |           [codePen](https://codepen.io/michelle0417/pen/VwNNrpQ)            |     |
| 141  |      Shiny      |            [codePen](https://codepen.io/Shih-Shiny/pen/LYvvQPP)             |     |
| 142  |    mike00712    |       [codePen](https://codepen.io/buliyuil-the-animator/pen/LYvqgzy)       |     |
| 143  |    arielyao     |            [codePen](https://codepen.io/ArielYao822/pen/xxeeYvE)            |     |
| 144  |      MANGO      |             [codePen](https://codepen.io/Mangotsai/pen/WNWWzMe)             |     |
| 145  |     詹姆士      |              [codePen](https://codepen.io/z111048/pen/poBYwPy)              |     |
| 145  |      Stone      |             [codePen](https://codepen.io/stonetein/pen/ZEZZoGy)             |     |
| 146  |    快樂小豬     | [CodePen](https://codepen.io/rtjowfyf-the-lessful/pen/WNWWJqZ?editors=1111) |     |
| 147  |       tim       |       [CodePen](https://codepen.io/jskrtivy-the-animator/pen/JjVVZZG)       |     |
| 148  |    spadegun     |             [CodePen](https://codepen.io/spadegun/pen/gOyyKBo)              |     |
| 149  |   emmazhang.    |             [CodePen](https://codepen.io/zhangemma/pen/QWPPBdX)             |     |
| 150  |     Antonio     |       [CodePen](https://codepen.io/gwhvusel-the-builder/pen/zYXXJzj)        |     |
| 151  |      白白       |               [CodePen](https://codepen.io/YuBai/pen/eYooPYP)               |     |
| 152  |     Maxine      |            [CodePen](https://codepen.io/Maxine0713/pen/MWRRPvL)             |     |
| 153  |      Ching      |            [CodePen](https://codepen.io/huangching/pen/WNWWazK)             |     |
| 154  |    Ed Huang     |             [CodePen](https://codepen.io/yide1986/pen/YzMMJYp)              |     |
| 155  |      Mick       |             [CodePen](https://codepen.io/mick1031/pen/eYooxVa)              |     |
| 156  |   weeixunzht    |            [CodePen](https://codepen.io/CalebZhang/pen/RwOOeBg)             |     |
| 157  |   jami_37521    |             [CodePen](https://codepen.io/jamiHexo/pen/WNWWVyp)              |     |
| 157  |      oldan      |            [CodePen](https://codepen.io/Enix-Chien-/pen/bGJyGNm)            |     |
| 158  |    婉玲Dacy     |       [CodePen](https://codepen.io/xxaynqoq-the-animator/pen/yLrWyMb)       |     |
| 159  |     勾小勻      |       [CodePen](https://codepen.io/qkvyujcc-the-encoder/pen/abxrNed)        |     |
| 160  |    yu.t_liu     |             [CodePen](https://codepen.io/YuT200053/pen/NWmVRRG)             |     |
| 161  |      Rayne      |              [CodePen](https://codepen.io/Kelsier/pen/abxxNPN)              |     |
| 162  |      希希       |              [CodePen](https://codepen.io/Kelsier/pen/MWRdJRe)              |     |
| 163  |      小翎       |             [CodePen](https://codepen.io/debbielin/pen/KKYLWNg)             |     |
| 164  |   yuhuei2513    |      [CodePen](https://codepen.io/rsosijvr-the-flexboxer/pen/eYoaGow)       |     |
| 165  |     .zack_p     |            [CodePen](https://codepen.io/Designer-PH/pen/bGJyGmX)            |     |
| 166  |    Schnauzer    |          [CodePen](https://codepen.io/Cocker-Spaniel/pen/poBmayL)           |     |
| 167  |     Penny.H     |             [CodePen](https://codepen.io/Penny-Ho/pen/MWRdVmg)              |     |
| 168  |     Jenny L     |            [CodePen](https://codepen.io/lesley0029/pen/gOyJere)             |     |
| 169  |     德瑞克      |             [CodePen](https://codepen.io/odderbox/pen/mdgYxwx)              |     |
| 170  |      kawa       |              [CodePen](https://codepen.io/z83xji6/pen/KKYLoLp)              |     |
| 171  |   alastor7069   |       [CodePen](https://codepen.io/euibzoez-the-decoder/pen/KKYLRKV)        |     |
| 172  |   erwinchiang   |       [CodePen](https://codepen.io/vsujlkjy-the-scripter/pen/eYoarre)       |     |
| 173  |    Jennifer     |              [CodePen](https://codepen.io/yujhen/pen/XWQwBMm)               |     |
| 174  |    aoya9155     |             [Codepen](https://codepen.io/aoya2139/pen/OJGYoPY)              |     |
| 175  |    hao jing     |         [Codepen](https://codepen.io/hjxu/pen/NWmVLwx?editors=1100)         |     |
| 176  |      Aasta      |      [Codepen](https://codepen.io/Aasta-the-typescripter/pen/ZEZNMja)|     |
| 177  |  pan_angel0904  |             [Codepen](https://codepen.io/anm30256/pen/zYXQJaW)              |     |
| 178 | yo0x0oy |[Codepen](https://codepen.io/Dayton-Hsieh/pen/abxrxXa)|
| 179 | asabulu_von_f |[Codepen](https://codepen.io/asabulu/pen/QBVBwZ)|
| 180 | limdos14 |[Codepen](https://codepen.io/limdos14/pen/bGJyPqm)|
| 181 | jerry_66983 |[Codepen](https://codepen.io/Barry-C/pen/eYoaqWW)
|182|Ran|[Codepen](https://codepen.io/Ran-Ran-the-typescripter/pen/BaEeXbj)
|183|Yini Chen|[Codepen](https://codepen.io/CYini/pen/zYXVOqm)
|184|Eileen|[Codepen](https://codepen.io/Eileen-io/pen/mdgZbpr)
|185|pon00219|[Codepen](https://codepen.io/peng-cheng-wang/pen/eYowNKb)
| 186 | jimmy.0706 |[Codepen](https://codepen.io/WeiJun-Mao/pen/LYvKVKG)|
|187|快樂掃地工|[CodePen](https://codepen.io/sszzszzs/pen/OJGeMRY)
|188|艾洛|[CodePen](https://codepen.io/Ironance/pen/rNbEeBv)
|189|PoWei#8484|[CodePen](https://codepen.io/Po-Wei-Lai/pen/gOyNrKg)
|190|discat3119|[CodePen](https://codepen.io/dizzysoup/pen/MWRMKej)
|191|james867.|[CodePen]( https://codepen.io/JCT34/pen/xxeorxb)
|192|maru3096|[Codepen](https://codepen.io/deamru/pen/ZEZdXRq)
|193|l.shua_228|[Codepen](https://codepen.io/Shan-Hua-Lin-LIN-HUA/pen/mdgZBvO)
|194|Mandy Li|[Codepen](https://codepen.io/krwmykmt-the-typescripter/pen/BaEgmjY)
|195|SC|[Codepen](https://codepen.io/Lance99501/pen/oNOrpPa)
|196|BB|[Codepen](https://codepen.io/bryan-hsaio/pen/MWRMRpe?editors=1100)
|197|OZ|[Codepen](https://codepen.io/OZ_design/pen/OJGKLpN?editors=1100)
|198|Arvin|[Codepen](https://codepen.io/arvinyang1925/pen/LYvwPXP)
|199|咖|[Codepen](https://codepen.io/daru-Ga/pen/RwOXwXM)
|200|jcode0x378|[Codepen](https://codepen.io/jeffreylin1990/pen/yLrmeJN)
|201|ich_bin_akkkira|[Codepen](https://codepen.io/Pei-Jou-You/pen/MWRNKGj)
|202|Mina|[Codepen](https://codepen.io/ab4277122/pen/GRLVNGo)
|203|Sonia|[Codepen](https://codepen.io/YUJOU/pen/QWPeqNG)
|204|Areta|[Codepen](https://codepen.io/Areta-Gu/pen/JjVgOdP)
|205|Mandy|[Codepen](https://codepen.io/Mandy-LI/pen/BaEXmRJ)
|206|靜靜|[Codepen](https://codepen.io/iclai/pen/BaEXJxe)
|207|Brian|[Codepen](https://codepen.io/ioriayakasese/pen/KKYOZdO)
|208|Richard|**[Codepen](https://codepen.io/dick90012000/pen/ExJqQGG)**
|209|knight137728|[Codepen](https://codepen.io/SST13/pen/yLWBLyj)
|210|chloe_mobao|[Codepen](https://codepen.io/ChloeTseng1026/pen/mdYbyyp)
|211|Jainee|[Codepen](https://codepen.io/Jainee0110/pen/xxNKwQw)
|212|martin.wu|[Codepen](https://codepen.io/wyipzpnh-the-decoder/pen/zYXbbBN)
|213|欣霓|[Codepen](https://codepen.io/tvxq5206/pen/zYQOELa)
|214|知夜|[Codepen](https://codepen.io/XiaoXiaTian2/pen/xxNKYbp)|
|215|Evelyn|[Codepen](https://codepen.io/kssheqjf-the-decoder/pen/gOJYzoj)|
|216|easonpan|[Codepen](https://codepen.io/easonpan0904/pen/XWwrqqK)|
|217| 雪維 | [Codepen](https://codepen.io/Shawey/pen/GRaKBEN) |
|218| 小白 | [Codepen](https://codepen.io/xjbowjbr-the-builder/pen/qBGBKRp) |
|219| Hung | [Codepen](https://codepen.io/Lun-Hung/pen/vYwYaMK) |
|220| Eudora | [Codepen](https://codepen.io/Eudoralin/pen/KKLKLYN?editors=1100) |
|221| ZZ | [Codepen](https://codepen.io/Yong-Shao/pen/yLWyOwg)| 
|222|Hazel|[codepen](https://codepen.io/gvqlvstt-the-looper/pen/BaeyzqW)|
|223|hao|[codepen](https://codepen.io/Seanfeb16/pen/eYamvyw)|
|224|lopsillnm|[codepen](https://codepen.io/Chia-Ho-Lin/pen/ZENYXbG)|
|225|搗蛋鬼別搗蛋|[Codepen](https://codepen.io/yaling0616/pen/yLWNYQp)|
|226|陳茄|[Codepen](https://codepen.io/TomatoIN/pen/MWdwjbq)|
|227|柯柯|[Codepen](https://codepen.io/ko13/pen/MWdwqwG)|
|228|毛巾|[Codepen](https://codepen.io/bqdcjboa-the-solid/pen/eYaNPMJ)|
|229|Carrie_Fu|[Codepen](https://codepen.io/bpefsdqq-the-decoder/pen/zYQGgNy)|
|230|leor_yu|[Codepen](https://codepen.io/Leor-the-builder/pen/oNRjvaG)|
|231|Poli|[Codepen](https://codepen.io/Pony0303/pen/VwOvgOr)|
|232|阿鹿|[Codepen](https://codepen.io/iauifgwd-the-looper/pen/pomjYKE)|
|233|Hannahou|[Codepen](https://codepen.io/Hannah-Hou/pen/GRaojxo)|
|234|xiang|[Codepen](https://codepen.io/Huchi-the-encoder/pen/RwmrKLe)|
|235|sunknight_002|[Codepen](https://codepen.io/aqortatm-the-solid/pen/gOJPyON)|
|236|hsiu8767|[Codepen](https://codepen.io/hsiu8767/pen/abrNwmZ)|
|236|Shen|[Codepen](https://codepen.io/yan-Shen-the-decoder/pen/KKLzGJG)|
|237|Eddiesun0526|[Codepen](https://codepen.io/Eddie0526/pen/VwOagYZ)
|238|KOMATSU PEI|[Codepen](https://codepen.io/Komatsu2021/pen/MWdeMJx)
|239|Anais77|[Codepen](https://codepen.io/liu-anais/pen/abrpzVm)|
|240|SealLeo|[Codepen](https://codepen.io/csniwzow-the-animator/pen/KKLaadX)|
|241|jasonlin|[Codepen](https://codepen.io/gfswkraq-the-reactor/pen/qBGRKvJ)|
|242|n913239|[CodePen](https://codepen.io/n913239/pen/abrpaKZ)|
|243|maruko1105|[CodePen](https://codepen.io/marukox1105/pen/YzbZyzM)|
|245|Taiwanno1|[CodePen](https://codepen.io/uhnxswdq-the-typescripter/pen/RwmgYpP)|
|246|Chrislin|[CodePen](https://codepen.io/vllzfzco-the-reactor/pen/PovKXgb)|