今天要來做第六張網美照，照片下層用兩個同比例的方形以左上為原點轉動角度，再配上文字，就完成啦~
圖形的原點皆預設為圖形正中間，若要改變原點使用transform-origin加方向即可，像是第二天成果展示的瓢蟲hover後翅膀向左右兩側展開，就是改變原點所帶來的效果。
left top 左上
right top 右上
left bottom 左下
right bottom 右下
還可以圖形的絕對位置表示 10px 10px
看圖來理解，兩個同角度不同原點的圖形，呈現方式一致(圖形顏色好像太深了，請各位見諒啦~)
今天的筆記有點少，那就來補充一些個人心得(廢話的部分)，開賽到現在已經是第十二天了，進度超過三分之一，其實每天寫一篇文章，真的頗需毅力，再加上學校也有蠻多事情要處理，好幾次都差點忘記，由衷佩服前幾屆可以完賽的選手!!持之以恆下去吧~再撐18天，加油加油!!
mdn web doc__transform-origin
量角器
iThome鐵人賽
看影片追技術
