CANNY的私藏地圖

這裡是視覺設計師臨危受命，利用三個月時間自學，完成公司形象官網的一些筆記，主要是怕自己之後又忘記了，也分享給同是網站設計的新手，由於是剛接觸網頁設計的小白，很多程式碼都是Google+ChatGPT拼湊來的，所以不要問我原理阿!
另外，以下所分享的程式碼均有整合Bootstrap框架

網路上分享的hover圖片顯示不少，但是因為我使用Bootstrap框架中的卡片(card)文件，要避免圖片放大後超出卡片範圍，所以花了一些時間才做出一個稍微滿意的作法，另外是在圖片放大縮小的絲滑度上比較難掌控，而透明度的變化，相對來說簡單很多
程式碼在此 http://codepen.io/Canny-Huang/pen/rNgaqXz

特別想說明一個 Bootstrap 的類別，lh-* 這個行高通用類別，它可以改變文字段落的行高。上圖右一就是使用了 lh-sm 這個類別。

另外，Bootstrap好像沒有讓文字左右貼齊的類別(上圖左一)，所以使用CSS新增了 text-align: justify; text-justify: inter-word; 的程式碼