資訊專欄INFORMATION COLUMN
摘要：總的來說就是兩步生成小的元素，整齊的覆蓋在大的元素上，像下圖這樣為了方便看，把每個小元素，分開了些。鼠標移入時，讓所有小元素動起來，主要是改變小元素的屬性的值具體實現的代碼也并不多，下面是注釋很詳細的代碼。
說明
和大家分享一個看上去很酷的效果，先來看效果圖吧！
解釋實現這個效果的思路就是，一個大的div元素，設置好一個背景，生成一定數量小的div元素，背景設置成同樣的圖片，但是每個小div元素的 background-position 屬性值不同，整齊的覆蓋在大的div元素上，這樣就能拼成一張完整的背景圖，鼠標移入時，讓所有小的div元素移動和變形。
總的來說就是兩步：
1、生成小的div元素，整齊的覆蓋在大的div元素上，像下圖這樣（為了方便看，把每個小div元素，分開了些）。
2、鼠標移入時，讓所有小div元素動起來，主要是改變小div元素的left、top、opacity、transform屬性的值
具體實現的代碼也并不多，下面是注釋很詳細的代碼。
完整代碼