# 🏅 Day 43 - 練習 transform

### 題目

在 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 | 毛巾 | [Codepen](https://codepen.io/bqdcjboa-the-solid/pen/bGPvBbg)|
| 02 | 泊岸 | [Codepen](https://codepen.io/qoq77416416/pen/OJevbJX)|
| 03 | NocabWang(培根) | [Codepen](https://codepen.io/PeihanWang/pen/gONeLar)|
| 04 | hsiu8767 | [Codepen](https://codepen.io/hsiu8767/pen/gONeLmL) |
|05|Hailey|[Codepen](https://codepen.io/sxbokfja-the-flexboxer/pen/WNqzoEd)|
|06|tim|[Codepen](https://codepen.io/jskrtivy-the-animator/pen/rNEyQKB)|
| 07 | 雪粒 | [Codepen](https://codepen.io/bzykdfhw-the-bashful/pen/WNqzRxY) |
| 08 | Ariel | [Codepen](https://codepen.io/ariel0510/pen/RwzMKRL) |
| 09 | Dolce_墨 | [Codepen](https://codepen.io/DolceTseng1026/pen/bGPvrjp) |
| 10 | Kaya | [Codepen](https://codepen.io/kayaribi/pen/BagrwLp) |
| 11 | Sonia | [Codepen](https://codepen.io/YUJOU/pen/JjQLpVd) |
| 12 | PoWei | [Codepen](https://codepen.io/Po-Wei-Lai/pen/QWXmJJX) |
| 13 | 陳小廷 | [Codepen](https://codepen.io/ting1124/pen/wvLjaNr) |
| 14 | wind | [Codepen](https://codepen.io/wind7y/pen/KKjRWwK) |
| 15 | kawa | [Codepen](https://codepen.io/z83xji6/pen/BagxOaG) |
| 16 | anderson666 | [Codepen](https://codepen.io/goodmanbuild/pen/LYKrWKr) |
| 17 | Mike | [Codepen](https://codepen.io/mike2049/pen/BagVRRo?editors=1100) |
| 18 | zaoannihao | [Codepen](https://codepen.io/ckhwdvrx-the-solid/pen/xxozQEo) |
| 19 | Ana | [Codepen](https://codepen.io/Ana-Wu/pen/jOjpqXm) |
| 20 | yaoling.liang | [Codepen](https://codepen.io/Yao-Ling-L-/pen/JjQBKxd) |
| 21 | Mars | [Codepen](https://codepen.io/MarsKuo/pen/VwJBXjZ) |
| 22 | chris | [Codepen](https://codepen.io/chris-chen-the-selector/pen/abgxezB) |
| 23 | Amy(咂摳) | [Codepen](https://codepen.io/nnxucgmc-the-builder/pen/poXMozr) |
| 24 | Jainee | [Codepen](https://codepen.io/Jainee0110/pen/yLmLKpM) |
| 25 | KOMATSU PEI | [Codepen](https://codepen.io/Komatsu2021/pen/jEORYKV?editors=1100) |

<!--
| No | Discord | [Codepen]() |
-->