###### tags: `六角筆記王` `CSS`
# transform 屬性
## 屬性介紹
`transform`屬性可以讓網頁元素變形，呈現多種的特殊效果，

## transform：rotate(θ)
**:mag_right:讓物件旋轉**
rotate屬性具有旋轉效果，可以自由設定元素順時針或逆時針旋轉幾度。
1. 寫法為`rotate(θ)`
2. θ 參數須有標示單位，例如： deg (角度)、rad (弧度) 、grad (梯度)。參數正數為順時針旋轉，負數反之為逆時針。
3. 可以搭配`hover`做出圖片旋轉效果。
<iframe height="300" style="width: 100%;" scrolling="no" title="切版班 每日作業 八月十七日" src="https://codepen.io/exnsrpjc/embed/bGWyRdr?default-tab=html%2Cresult" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true">
See the Pen <a href="https://codepen.io/exnsrpjc/pen/bGWyRdr">
切版班 每日作業 八月十七日</a> by 王聖禮 (<a href="https://codepen.io/exnsrpjc">@exnsrpjc</a>)
on <a href="https://codepen.io">CodePen</a>.
</iframe>

## 參考資料：
https://www.webdesigns.com.tw/css_rotate.asp