### 題目

在 CSS 的 `.card` hover 時加上 `transform` 語法使圖片可以水平旋轉 180 度 （需透過 Codepen 繳交）

HTML

<div class="card">
  <div class="card-img">
    <img src="https://www.filepicker.io/api/file/tNa2so2RRMuedpc2yydt" alt="Avatar" width="200">
  </div>
</div>

CSS

.card{
  width: 300px;
  height: 300px;
}
.card-img{
  text-align: center;
  background: #e8eeea;
  transition: transform 0.6s;
}
.card:hover .card-img {
/*   請使用 transform 完成此作業*/
}

## 回報流程

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


<!-- 解答：
https://codepen.io/hexschool/pen/ExEeRda
-->

回報區
---

|#| Discord | CodePen / 答案 |
|:-:|:----------------:|:--------------------------------------------------------------:|
| 01 | Amelia | [Codepen](https://codepen.io/Amelia-chin/pen/jOXPrYJ) |
| 02 | Morning| [Codepen](https://codepen.io/sxzjnkxs-the-styleful/pen/OJrVXQE?editors=1100) |
| 03 | Berlin| [Codepen](https://codepen.io/3qberlin/pen/jOXPrzR) |
| 04 | ann6212| [Codepen](https://codepen.io/yqmegupa-the-styleful/pen/GRPJqdx) |
| 05 | Moreene |[CodePen](https://codepen.io/Moreene/pen/qBLdNMr)|
| 06 | rjjq | [CodePen](https://codepen.io/rjjq/pen/gOZpMQj) |
| 07 | Renee Wang | [Codepen](https://codepen.io/RENEE-WANG-the-looper/pen/PoXqzxd) |
| 08 | AYA | [Codepen](https://codepen.io/NoNameNote/pen/xxmGOQg) |
| 09 | bf_tsai | [Codepen](https://codepen.io/BF-Tsai/pen/XWobKOd)|
| 10 | 銀光菇 | [Codepen](https://codepen.io/genesynthesis/pen/MWZweLY) |
| 11 | stevenchang421 | [Codepen](https://codepen.io/vwtrpqmm/pen/NWeqreJ) |
| 12 | meowmeow | [Codepen](https://codepen.io/snow1224/pen/WNLvxPW) |
| 13 | m_m | [Codepen](https://codepen.io/minnn7716/pen/WNLvxBB) |
| 14 | Eden |[Codepen](https://codepen.io/iseden/pen/rNoVLEL)|
| 15 | hebin. | [Codepen](https://codepen.io/landyhsiao776/pen/dywoXxJ) |
| 16 | townyuan | [Codepen](https://codepen.io/townyuan/pen/bGOdwEP) |
| 17 | Atsushi#6888 | [Codepen](https://codepen.io/atsushi-amuro/pen/XWobjjM) |
| 18 | Uli | [Codepen](https://codepen.io/uli1313/pen/ExGjgmv) |
| 19 | Tmai | [Codepen](https://codepen.io/wqsdqbjn-the-vuer/pen/xxmGErp) |
| 20 | zhu.lin | [Codepen](https://codepen.io/codepenplayer/pen/wvRaWbN) |
| 21 | ryan.chou | [Codepen](https://codepen.io/csw8524/pen/GRPJjve) |
| 22 | pinyi_9 | [Codepen](https://codepen.io/Wpypy/pen/PoXqGEr) |
| 23 | SmallP | [Codepen](https://codepen.io/smallp/pen/PoXqGdY) |
| 24 | Paul#7426 | [Codepen](https://codepen.io/paul-1997/pen/dywopgQ?editors=1100) |
| 25 | shocpy | [Codepen](https://codepen.io/shcopy/pen/jOXPMeM) |
| 26 | ming0712 | [Codepen](https://codepen.io/StevenHuang/pen/eYbNBvK) |
| 27 | deli0529 | [Codepen](https://codepen.io/delichaomoon/pen/jOXPVLa) |
| 28 | lychee_kk | [Codepen](https://codepen.io/kakakala/pen/abPOpYN) |
| 29 | hao2485 | [Codepen](https://codepen.io/Seanfeb16/pen/VwqLPdz) |
| 30 | Vic_Liou | [Codepen](https://codepen.io/allenliou-java/pen/mdaJRxp) |
| 31 | shuuu | [Codepen](https://codepen.io/afjrvjzl-the-bashful/pen/LYMVyVq) |
| 32 | ovo.yun | [Codepen](https://codepen.io/yun-the-scripter/pen/MWZwmoV) |
| 33 | hannahTW | [Codepen](https://codepen.io/hangineer/pen/xxmGrNq) |
| 34 | yunhsinnnnnnn | [Codepen](https://codepen.io/yun___hsin/pen/wvRaqjv) |
| 35 | orias_000 | [Codepen](https://codepen.io/qoq77416416/pen/MWZwOPg?editors=1100) |
| 36 | JohnChien | [Codepen](https://codepen.io/glqwazid-the-selector/pen/OJrVQEW) |
| 37 | yu.t_liu | [Codepen](https://codepen.io/YuT200053/pen/PoXqQeb) |
| 38 | soniawu | [Codepen](https://codepen.io/YUJOU/pen/PoXqdGX) |
| 39 | Rochel |[Codepen](https://codepen.io/rochelwang1205/pen/OJrVBGm)|
| 40 | jacky7035 |[Codepen](https://codepen.io/adens123/pen/abPOQLO)|
| 41 | Tina02 |[Codepen](https://codepen.io/chjitlox-the-bashful/pen/BavNEpb)|
| 42 | Yu | [Codepen](https://codepen.io/yuch3n_chen/pen/RwEWwMZ) |
| 43 | runweiting | [Codepen](https://codepen.io/weiting14/pen/YzdyQzy) |
| 44 | wind | [Codepen](https://codepen.io/wind7y/pen/MWZavbw) |
| 45 | kuanju27 | [Codepen](https://codepen.io/Eero-Chiao/pen/xxmweKV) |
| 46 | cura | [Codepen](https://codepen.io/curalin/pen/PoXZojm?editors=1100) |
| 47 | santu0868 | [Codepen](https://codepen.io/HatsumiSan/pen/bGOErLz) |
| 48 | adele6199 | [Codepen](https://codepen.io/codepen-io-winnie/pen/abPdLNV?editors=1100) |
| 49 | Kimi | [Codepen](https://codepen.io/kimihu91/pen/abPdMqr) |
| 50 | .icesam | [Codepen](https://codepen.io/icesam/pen/oNJbRJJ) |
| 51 | Randy | [Codepen](https://codepen.io/landy510/pen/JjwbrJX?editors=1100) |
| 52 | PayRoom| [CodePen](https://codepen.io/water38198/pen/PoXbLMo)|
| 53 | 小夏 | [Codepen](https://codepen.io/michaelhsia/pen/qBLRdWW?editors=1100) |
| 54 | RX00#5351 | [Codepen](https://codepen.io/llqzknqv-the-styleful/pen/ExGZRBP) |
| 55 | Long | [Codepen](https://codepen.io/Loonng/pen/rNoyyRv) |
| 56 | 歐陽龍龍#1061 | [Codepen](https://codepen.io/dizzydog-rgb/pen/oNJWbzd) |
| 57 | yuan2781 | [Codepen](https://codepen.io/ismebir/pen/VwqMQmd) |
| 58 | tanuki5863 | [Codepen](https://codepen.io/tanuki320/pen/wvRgOMY) |
| 59 | patrickpie | [Codepen](https://codepen.io/patrickpie/pen/zYyWbXd?editors=1100) |

|  |  | [Codepen]() |