--- tags: 軟體工程師體驗營 - 2023 --- # 🏅 切版任務 Day5 - Material Icons + Figma Icon 名稱觀看教學 ## Material Icons [Material Icon 官網](https://fonts.google.com/icons?icon.set=Material+Icons&icon.style=Filled) > [Material Icons Guide](https://developers.google.com/fonts/docs/material_icons) > 使用 Material Icon > 使用 Filled style **載入 Material Icon** 在 HTML `<head>` 內加入下方 CDN ```htmlembedded= <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> ``` 使用 Codepen 時,也可以直接在設定中 CSS 區塊「Add External Stylesheets/Pens」加入 CDN URL(如圖) ![](https://i.imgur.com/vVB4njM.png) **選擇想要使用的 Icon** 點選 icon,出現右側欄 ![](https://i.imgur.com/MEfhxnE.png) 將 **Icon font** 中第一個區塊程式碼貼至 HTML 區塊內 > [Material Icons 載入範例](https://codepen.io/hexschool/pen/PoypBKv) ## 題目 練習使用 **Material Icons** 載入下方 icon ![](https://i.imgur.com/mOMxWP1.png) > share、call made、close、menu ### 補充:Figma 如何觀看 icon 名稱 ![](https://i.imgur.com/Wl2Hb9Z.png) ## 回報流程 1. 將答案貼在 Codepen 並複製 Codepen 連結貼至「回報區」回報 (也可以將答案直接貼至「回報區」) ![](https://i.imgur.com/vftL5i0.png) <!-- 解答: https://codepen.io/hexschool/pen/dygvjJq --> 回報區 --- | 報數 | Discord 名字 | Codepen/其他回饋 | |:----:|:--------------------:|:-----------------------------------------------------------------------------:| | 1 | Berlin#7338 | [Codepen](https://codepen.io/3qberlin/pen/BaqmBKy) | | 2 | Kulimusoda#2785 | [Codepen](https://codepen.io/yuch3n_chen/pen/yLRPBeM) | | 3 | charlottelee849#0366 | [Codepen](https://codepen.io/char849/pen/poxdzyR) | | 4 | Eden.C#9359 | [codepen](https://codepen.io/iseden/pen/KKGyPVN) | | 5 | Rochel#4754 | [codepen](https://codepen.io/rochelwang1205/pen/MWPOgbo) | | 6 | 鹿娜#1799 | [codepen](https://codepen.io/lunaluna2021/pen/ExdbYXR) | | 7 | 冬天#5215 | [codepen](https://codepen.io/winter_/pen/gOBXYea) | | 8 | satarkuo#5736 | [codepen](https://codepen.io/SatarKuo/pen/ExdbYRd) | | 9 | Eero#1147 | [codepen](https://codepen.io/Eero-Chiao/pen/WNaXeEo) | | 10 | judy123#2363 | [codepen](https://codepen.io/hsuantsong/pen/MWPOgzV) | | 11 | 銀光菇#1692 | [codepen](https://codepen.io/genesynthesis/pen/VwErZGo) | | 12 | Bruce-Lee#0629 | [codepen](https://codepen.io/xxhdklwi-the-decoder/pen/ExdbYMG?editors=1100) | | 13 | andrew0404#4576 | [codepen](https://codepen.io/Loonng/pen/eYPeOoj) | | 14 | snow#0255 | [codepen](https://codepen.io/snow21723/pen/poxdzdr) | | 15 | RyanC893412#4835 | [codepen](https://codepen.io/mcdbfwcb-the-sans/pen/NWOwWWa) | | 16 | DeLi#8324 | [codepen](https://codepen.io/delichaomoon/pen/wvYPwVd) | | 17 | Snadra#1987 | [codepen](https://codepen.io/mlqmhltg/pen/gOBXYVw) | | 18 | ray0304#2070 | [Codepen](https://codepen.io/Ray0304/pen/yLRPLyE) | | 19 | Welly#3964 | [Codepen](https://codepen.io/welly09/pen/rNqYNVo) | | 20 | Ann Chou#0146 | [Codepen](https://codepen.io/annchou_illu/pen/LYgOPMo) | | 21 | Jacky7035#9423 | [Codepen](https://codepen.io/adens123/pen/YzJEKgP) | | 22 | Daisy_Li#4231 | [Codepen](https://codepen.io/lidairong-gmail-com/pen/KKGyKwo?editors=1100) | | 23 | grayyyy#1014 | [Codepen](https://codepen.io/jhye0222/pen/WNaXNxM) | | 24 | HsienLu#8316 | [Codepen](https://codepen.io/Hsienlu/pen/mdzBObZ) | | 25 | vvay#4113 | [Codepen](https://codepen.io/pellmssx-the-sasster/pen/gOBXOgW) | | 26 | chichi#1534 | [Codepen](https://codepen.io/chichihuang/pen/MWPOWbP) | | 27 | 肉個阿倫#7172 | [Codepen](https://codepen.io/i9574385/pen/yLRPLoQ) | | 28 | SKey#9905 | [Codepen](https://codepen.io/Dale-Chien/pen/xxyPKYQ) | | 29 | ChaosTu#9311 | [Codepen](https://codepen.io/torotu/pen/QWZOWgx?editors=1100) | | 30 | K(アギルダー)#0386 | [Codepen](https://codepen.io/klay376014/pen/dygZyJX) | | 31 | alexmav04#5048 | [Codepen](https://codepen.io/alexmav04/pen/Exdbxea) | | 32 | Rey#1878 | [codepen](https://codepen.io/yfatgmpc-the-bold/pen/KKGyKdR) | | 33 | 莫#3486 | [codepen](https://codepen.io/jdozfpae-the-animator/pen/MWPOWBR) | | 34 | Tina02#2691 | [codepen](https://codepen.io/riifwerr-the-selector/pen/ExdbaYP) | | 35 | cbs#9007 | [Codepen](https://codepen.io/wasdjk/pen/abRVbMd) | | 36 | duck#3310 | [Codepen](https://codepen.io/papy0715/pen/mdzBxNx) | | 37 | bonnieli1414#4906 | [Codepen](https://codepen.io/bonnieli1414/pen/RwejNWQ) | | 38 | peihsuan#6315 | [Codepen](https://codepen.io/peihsuanlai/pen/MWPOWoZ) | | 39 | Yuki#9465 | [Codepen](https://codepen.io/yukilin549/pen/VwErwRb) | | 40 | 魚翅#3100 | [Codepen](https://codepen.io/Fukahire/pen/zYmPxZK) | | 41 | Ting.66#0912 | [Codepen](https://codepen.io/Ting66/pen/mdzqyPx?editors=1100) | | 42 | PayRoom#8328 | [CodePen](https://codepen.io/water38198/pen/QWZOwMe) | | 43 | Tami#6742 | [CodePen](https://codepen.io/wqsdqbjn-the-vuer/pen/BaqmyZM) | | 44 | penny#6214 | [CodePen](https://codepen.io/penny8989/pen/YzJEPra?editors=1010) | | 45 | CuraLin#2648 | [CodePen](https://codepen.io/curalin/pen/OJBOPzd) | | 46 | Celia#1715 | [CodePen](https://codepen.io/drdrvpgf-the-bashful/pen/vYVWEra) | | 47 | 汪汪#4486 | [Codepen](https://codepen.io/hunwooooof/pen/jOeaEpE) | | 48 | clairechen#3498 | [Codepen](https://codepen.io/yi-wen-chen/pen/MWPOYqe) | | 49 | 依依#6306 | [Codepen](https://codepen.io/Rita-Yang/pen/wvYPBYL) | | 50 | 長方形#9612 | [Codepen](https://codepen.io/imjjw/pen/KKGywBp) | | 51 | chi93#1548 | [Codepen](https://codepen.io/clarahc/pen/rNqYaRm) | | 52 | Hao#2485 | [Codepen](https://codepen.io/Seanfeb16/pen/ZEqaYge) | | 53 | yoyo#1003 | [Codepen](https://codepen.io/pen/yLRPymV) | | 54 | Mindy#7886 | [Codepen](https://codepen.io/Mindyr/pen/WNaXvvr) | | 55 | boki#3717 | [Codepen](https://codepen.io/boki-wang/pen/MWPOYNJ) | | 56 | 135144365#3152 | [Codepen](https://codepen.io/Heng902/pen/xxyPbBp) | | 57 | Lychee KK | [Codepen](https://codepen.io/kakakala/pen/oNaoXZJ) | | 58 | Uli#1946 | [Codepen](https://codepen.io/uli1313/pen/WNaXvOG) | | 59 | 辣椒#1002 | [Codepen](https://codepen.io/chilichen118/pen/QWZObgG) | | 60 | Nex#2964 | [Codepen](https://codepen.io/Samuel_D4C/pen/RwejPLX) | | 61 | 雲漢#5319 | [Codepen](https://codepen.io/keon981/pen/bGmYdvw) | | 62 | 黑白兔#0684 | [Codepen](https://codepen.io/johnny329/pen/rNqYVvv) | | 63 | Quantum#6093 | [Codepen](https://codepen.io/Min-Hao-Hung/pen/oNaoXdO) | | 64 | DyH#0526 | [Codepen](https://codepen.io/dorihung/pen/MWPOwwp) | | 65 | 蝌蚪#5874 | [Codepen](https://developer.mozilla.org/zh-CN/docs/Web/CSS/border-radius) | | 66 | Joi#4089 | [Codepen](https://codepen.io/Joi-Chen/pen/jOeaOYv) | | 67 | 泊岸#3466 | [Codepen](https://codepen.io/qoq77416416/pen/JjmOYbP) | | 68 | 冷曄#9378 | [Codepen](https://codepen.io/HgHale/pen/PoyOPGm) | | 69 | しあわせね#0036 | [Codepen](https://codepen.io/Front-end-engineer/pen/zYmPvjO) | | 70 | JimmyHuang#5281 | [Codepen](https://codepen.io/JimmyHuang369/pen/RwejrRQ) | | 71 | JimWang#6134 | [Codepen](https://codepen.io/Jim-Wang-the-selector/pen/PoyOZZB) | | 72 | weiting#3489 | [Codepen](https://codepen.io/weiting14/pen/qBJVbam) | | 73 | Calin#5800 | [Codepen](https://codepen.io/Calin-c/pen/ZEqaQYE) | | 74 | JhouHank#8132 | [Codepen](https://codepen.io/JhouHank/pen/KKGydjE) | | 75 | CMLB0212#8960 | [codepen](https://codepen.io/Chungmin0212/pen/JjmOGMy) | | 76 | 肉魚#2149 | [codepen](https://codepen.io/zoechen13/pen/QWZOyzw) | | 77 | Maxine#9061 | [codepen](https://codepen.io/Maxine_Liao/pen/PoyOZxL) | | 78 | 羽毛#5463 | [codepen](https://codepen.io/KYuFeather/pen/Baqmjvg) | | 79 | Ataraxia#9977 | [codepen](https://codepen.io/ataraxia8888/pen/abRwXvX) | | 80 | yuling#1634 | [codepen](https://codepen.io/igzdflpu/pen/VwEraMN) | | 81 | 翔.#0859 | [codepen](https://codepen.io/energy95272z/pen/RwejaMb?editors=1100) | | 82 | jimhop#6510 | [Codepen](https://codepen.io/jimsansssss/pen/abRVZbM) | | 83 | 東東#5015 | [CodePen](https://codepen.io/wearymask/pen/BaqmjpG) | | 84 | Akira#9996 | [CodePen](https://codepen.io/Akira-Chen/pen/NWOwrzz) | | 85 | 陳庭#3529 | [CodePen](https://codepen.io/yuting850309/pen/rNqYLpg) | | 85 | 姜承#8204 | [CodePen](https://codepen.io/Troy0718/pen/PoyOzLQ) | | 86 | Hanana#9025 | [CodePen](https://codepen.io/hananalin/pen/Rwejwxp) | | 87 | Jaredlee#5887 | [CodePen](https://codepen.io/jared-lee/pen/WNaXGbL) | | 88 | 狸貓#5863 | [CodePen](https://codepen.io/tanuki320/pen/YzJEGZY) | | 89 | 吳偉雄恩#2256 | [CodePen](https://codepen.io/Bamboo1212/pen/eYPedKd?editors=1100) | | 90 | Ming#8730 | [CodePen](https://codepen.io/MingLin1995/pen/zYmPKQd) | | 91 | Rayo#8002 | [CodePen](https://codepen.io/loborayo/pen/jOeaMdP) | | 92 | Yu.T#4252 | [CodePen](https://codepen.io/YuT200053/pen/BaqmQvL) | | 93 | henrykgb#5749 | [CodePen](https://codepen.io/henrymorgan666/pen/abRVpBg) | | 94 | wendyli#2155 | [CodePen](https://codepen.io/rockayumitw/pen/eYPegMo?editors=1000) | | 95 | HsuanTang#1349 | [CodePen](https://codepen.io/HsuanTang/pen/MWPOJOZ) | | 96 | 居米#6044 | [CodePen](https://codepen.io/AndyLiu0427/pen/xxyPErq) | | 97 | Jennifer Chuang#3937 | [CodePen](https://codepen.io/yujhen/pen/YzJEZBj) | | 98 | 拉斯卡爾#2696 | [CodePen](https://codepen.io/novendia/pen/RwejpJB) | | 99 | Athem#9661 | [CodePen](https://codepen.io/athemLin/pen/jOeaBQE) | | 100 | 兔子#6746 | [CodePen](https://codepen.io/CarrotDetector/pen/PoyOpvg) | | 101 | 不要迷戀媽的奶#0295 | [CodePen](https://codepen.io/kewdjbwp-the-typescripter/pen/PoyOpeX) | | 102 | jelly77#2088 | [CodePen](https://codepen.io/Ming-chiang/pen/PoyOmwr) | | 103 | Pei#5161 | [CodePen](https://https://codepen.io/Pei0303/pen/NWOwpmW) | | 104 | Evaxof#1266 | [CodePen](https://codepen.io/evaxof/pen/bGmYWYp) | | 105 | Yuu#5361 | [CodePen](https://codepen.io/alycehwy/pen/bGmYWop) | | 106 | Janet#5784 | [CodePen](https://codepen.io/janetlinnn/pen/OJBOmOV) | | 107 | Jerry456789#9029 | [CodePen](https://codepen.io/aria198a/pen/GRYOmBg) | | 108 | wiimax#4564 | [Codepen](https://codepen.io/willismax/pen/XWxzRLx?editors=1000) | | 109 | jackwu#4437 | [Codepen](https://codepen.io/jackwu1588003/pen/oNaowjv) | | 110 | N0c7iluc3n7#4390 | [Codepen](https://codepen.io/huang-yu-cheng/pen/gOBXRXW) | | 111 | Sonia Wu#7154 | [Codepen](https://codepen.io/YUJOU/pen/dygZRzG) | | 112 | endau66#2102 | [Codepen](https://codepen.io/endau66/pen/mdzqPKy) | | 113 | jia yu#8896 | [Codepen](https://codepen.io/fjqxaznl-the-reactor/pen/QWZOggm) | | 113 | Tim123#8361 | [Codepen](https://codepen.io/Wangtim4/pen/WNaXEwP) | | 114 | David0799#4415 | [Codepen](https://codepen.io/David0799/pen/poxdLEV?editors=1000) | | 115 | Ying Ying Liu #0836 | [Codepen](https://codepen.io/yingyliu/pen/WNaXzRd) | | 116 | leo.yujie#8280 | [Codepen](https://codepen.io/peihsin-the-scripter/pen/YzJELMj) | | 117 | 初心#9021 | [Codepen](https://codepen.io/Sylviax/pen/oNaoywQ) | | 118 | 阿榮#8277 | [Codepen](https://codepen.io/codeitaday/pen/OJBOEOP?editors=1100) | | 119 | 安安#4782 | [Codepen](https://codepen.io/ratsai/pen/OJBOEVe) | | 120 | 君Jyun#0147 | [codepen](https://codepen.io/JyunCodepen/pen/VwErdQR) | | 121 | 一瑋#8459 | [CodePen](https://codepen.io/zerosula/pen/rNqYKVm) | | 122 | LeeRu#1771 | [CodePen](https://codepen.io/IMGameKing/pen/wvYPxmP) | | 123 | 鄭舜仁#6606 | [CodePen](https://codepen.io/randomno/pen/zYmPJqv) | | 124 | LeoSong1116#9861 | [CodePen](https://codepen.io/leosong1116/pen/ExdbeNK) | | 125 | 大昌#6691 | [CodePen](https://codepen.io/jswei014/pen/oNaoPJE) | | 126 | 史滴芬#4310 | [CodePen](https://codepen.io/steven870107/pen/wvYPYwV) | | 127 | RubyChen#9543 | [CodePen](https://codepen.io/rubyyjchen/pen/MWPOPZO) | | 128 | 呵哈#6479 | [CodePen](https://codepen.io/CHYETI/pen/poxdQEL) | | 129 | Pinkstar#4993 | [CodePen](https://codepen.io/gabriel09772/pen/MWPOPLr) | | 130 | Yui1024#8275 | [CodePen](https://codepen.io/Yuiyuichou/pen/XWxzGNo) | | 131 | liam9930#4129 | [CodePen](https://codepen.io/jgnjfvvt-the-lessful/pen/MWPOLgj) | | 132 | PoWei#8484 | [CodePen](https://codepen.io/harrison-wei-lai/pen/ZEqaZeE) | | 133 | ssshane#0673 | [CodePen](https://codepen.io/sam6091260/pen/dygZLZV) | | 134 | 司機叔叔#2463 | [CodePen](https://codepen.io/bigv5566/pen/abRVxqB) | | 135 | homer#1525 | [CodePen](https://codepen.io/Buckhorn/pen/ExdbwvL) | | 136 | Evelyne#7323 | [CodePen](https://codepen.io/Evelynep/pen/VwErOPV) | | 137 | moins13#3346 | [CodePen](https://codepen.io/kyechen13/pen/dygZEXq) | | 138 | jun777#2468 | [CodePen](https://codepen.io/js18151102/pen/xxyPoqN) | | 139 | Kaya#8857 | [CodePen](https://codepen.io/laron9486/pen/JjmOVaJ) | | 140 | 提姆#9581 | [CodePen](https://codepen.io/timouo/pen/abRVeYB) | | 141 | 歐陽龍龍#1061 | [CodePen](https://codepen.io/dizzydog-rgb/pen/OJBzJBx) | | 142 | Frank2411#0743 | [CodePen](https://codepen.io/wlk0411/pen/eYPygVQ) | | 143 | andychiou#4830 | [CodePen](https://codepen.io/andychiou1113/pen/dygJvKV) | | 144 | Helen Lu#1391 | [CodePen](https://codepen.io/luhelen/pen/NWOXjor) | | 145 | Yiching#0738 | [CodePen](https://codepen.io/haruko_/pen/QWZaOGM) | | 146 | Yihwei#2027 | [CodePen](https://codepen.io/auntebur-the-sans/pen/vYVpWqy) | | 147 | 柚子#3958 | [CodePen](https://codepen.io/as6625998/pen/oNapqzr) | | 148 | ruby0316#3380 | [CodePen](https://codepen.io/rena6211zera/pen/PoyERvK) | | 148 | 鉦勝#8333 | [CodePen](https://codepen.io/atckmax823/pen/qBJprzP) | | 149 | Zhong#8917 | [CodePen](https://codepen.io/klfjrlod-the-sasster/pen/poxpGgJ) | | 150 | Jarvis莊#8679 | [CodePen](https://codepen.io/jason-hsuan/pen/bGmaZGe) | | 151 | edie599916#7112 | [CodePen](https://codepen.io/Chen-CiCi/pen/eYPyXax) | | 152 | 變羊魔法#6372 | [CodePen](https://codepen.io/cssf998811/pen/OJBzqej) | | 153 | LYC#5516 | [CodePen](https://codepen.io/chi-yen/pen/JjmMVrK) | | 154 | 阿鬥鬥#2906 | [CodePen](https://codepen.io/yvonne217/pen/MWPQWoQ) | | 155 | 薇拉#8110 | [Codepen](https://codepen.io/michellecc0522/pen/vYVpMmZ) | | 156 | ABOOS#6276 | [Codepen](https://codepen.io/guhungyin/pen/vYVpPwX) | | 157 | +7#8492 | [Codepen](https://codepen.io/tojibom/pen/OJBQXGm) | | 158 | YHT#1696 | [Codepen](https://codepen.io/YHT31/pen/PoyQmrY) | | 159 | betty#0693 | [Codepen](https://codepen.io/betty-hu/pen/NWOyvGy) | | 160 | Jojonz_kao#7998 | [Codepen](https://codepen.io/ewnrzxpr-the-builder/pen/RweQLaJ) | | 161 | 大頭#1695 | [Codepen](https://codepen.io/conlyvrg-the-reactor/pen/oNaEqER) | | 162 | 阿真真#8940 | [Codepen](https://codepen.io/fctamuvf-the-vuer/pen/bGmLKdz) | | 163 | 喬喬#2824 | [Codepen](https://codepen.io/joanne-wei/pen/jOeZvLvz) | | 164 | Pigsue#5981 | [Codepen](https://codepen.io/weixiii/pen/LYgQaVJ) | | 165 | alll6z#9204 | [Codepen](https://codepen.io/A6Z/pen/ExdQBEe) | | 166 | Yvonne#2721 | [Codepen](https://codepen.io/Evonne/pen/bGmvYWE) | | 167 | Lainie#1931 | [Codepen](https://codepen.io/Lainie88/pen/qBJowRe?editors=1100) | | 168 | townyuan#2653 | [Codepen](https://codepen.io/townyuan/pen/WNazVxE) | | 169 | 又竹#7302 | [Codepen](https://codepen.io/YO_ZU/pen/MWPGKLL) | | 170 | Erikaaa#1616 | [Codepen](https://codepen.io/ChienHua/pen/xxyjzGG) | | 171 | Döng#2328 | [Codepen](https://codepen.io/htamlkdz-the-encoder/pen/xxyzKgw) | | 172 | Elena Lin #3392 | [Codepen](https://codepen.io/elenalin119/pen/wvYXGgm) | | 173 | Mylène#2481 | [Codepen](https://codepen.io/hamajibashi/pen/QWZrdqN) | | 174 | Xing#6281 | [Codepen](https://codepen.io/ting-ting-the-bold/pen/NWOzLVa) | | 175 | 貢波波夫#3056 | [Codepen](https://codepen.io/mxgrfgcr-the-bashful/pen/jOeKeae) | | 176 | 嵐閻#3844 | [Codepen](https://codepen.io/shangchu0412/pen/JjmBYYE) | | 177 | 江江#1947 | [Codepen](https://codepen.io/singing228/pen/ExdpPop) | | 178 | mike519#4399 | [Codepen](https://codepen.io/mike519tw/pen/vYVaGjx) | | 179 | Rowan# | [Codepen](https://codepen.io/Rowanlin/pen/wvYxJww) | | 180 | FiReBrO#0557 | [Codepen](https://codepen.io/firebro42/pen/JjmBZyP) | | 181 | Jenny真#7532 | [CodePen](https://codepen.io/wei-chen-wu/pen/jOepKJQ) | | 182 | lishuan#3698 | [CodePen](https://codepen.io/lishuan/pen/abRaWJM) | | 183 | Joanne Hu#0010 | [CodePen](https://codepen.io/nelbabkv-the-flexboxer/pen/abRaLJX?editors=1100) | | 183 | imlyn_n #2078 | [CodePen](https://codepen.io/imlyn_n/pen/YzJOEBe) | | 184 | 紫紫#7337 | [CodePen](https://codepen.io/picahsin/pen/LYggPmw) | | 185 | 路人ADCB#9851 | [CodePen](https://codepen.io/markyourpage/pen/xxyyGBv) | | 186 | Meiru#6310 | [CodePen](https://codepen.io/mei00/pen/PoyyBmJ) | | 187 | hello77tw#5984 | [CodePen](https://codepen.io/luyoyo/pen/JjmeKro) | | 188 | shaofu_chen#9063 | [CodePen](https://codepen.io/coeobkcu-the-lessful/pen/xxyQjrg) | | 189 | Elma#4317 | [Codepan](https://codepen.io/4317/pen/poxQZGq) | | 190 | lin_lion#7502 | [CodePen](https://codepen.io/Lion-Lin/pen/Jjmemew) | | 191 | Linndaa#7725 | [CodePen](https://codepen.io/Lindatsou/pen/MWPzLZr) | | 192 | Idealisticfool#7104 | [Codepen ](https://codepen.io/Job-Wilhelm/pen/xxyQNxP) | | 193 | NathanJames#8120 | [CodePen](https://codepen.io/ufo060204/pen/VwEqeEQ) | | 194 | Charlene#7703 | [CodePen](https://codepen.io/anny114/pen/mdzaNqq) | | 195 | 小魚#8614 | [CodePen](https://codepen.io/gizelliang/pen/jOedpXY) | | 196 | FanJJ#8061 | [CodePen](https://codepen.io/yfchenn/pen/yLRZWRJ) | | 197 | Syrena#3897 | [Codepen](https://codepen.io/Syrena-Chung/pen/mdzoEeY) | | 198 | Kris L.#0262 | [Codepen](https://codepen.io/Yi-Ting-Lu/pen/poxYXKP) | | 199 | 林炘秀#4223 | [Codepen](https://codepen.io/afjrvjzl-the-bashful/pen/GRYLpgz) | | 200 | 杰_jie#9088 | [Codepen](https://codepen.io/hmj8805/pen/YzJMmvy) | | 201 | 慢慢來#4035 | [Codepen](https://codepen.io/kikiyang/pen/RwqbWvQ?editors=1100) | | 202 | ztion#8403 | [Codepen](https://codepen.io/ztion/pen/LYXEBLw) | | 203 | pss940909#8650 | [Codepen](https://codepen.io/pss940909/pen/ZEmGyvo) |