[CSS]img組成的動畫並兼顧RWD、動畫注意事項、表格非bootstrap RWD化

無論圖片幾張
1.先規劃圖組，分別放入不同列的div(全放同一個也行，只是我習慣一組一組做)，
其中一張當主圖設 position: relative，width以%為單位縮放，margin調位置。
2.其餘全用div>img:nth-child()設 position: absolute，width一樣以%為單位縮放，left: %;top: %...調位置。
小撇步：可以用chrome developer tool 調完再改 code比較快
3.善用透明度觀察動畫行徑位置

Web Fundamentals Animations Overview -developers.google.com
提及動畫效能高成本，容易造成斷斷續續；及其他動畫設計原則

讓 Table RWD -不進則退 CSS、jQuery分享