CSS參考PTT 做的轉場動畫，經驗筆記，CSS 筆記

觀察了許多國外的網站，發現到說讓人印象深刻的網站，大部分都有在動畫animation 和一些地方加入巧思，在看網站的時候 就會覺得很有特色。

通常很有特色的css動畫 都需要加入一些巧思 和 計算動畫的起始和結束。

今天就自己做了轉場效果，也是最近做簡報的時候看到的轉場😇

translate3d 這個真的是好工具，在效果呈現上也比scaleY 好多了，看起來是3D也更順暢。(圖1)

轉場效果(圖1)

See the Pen transition animation3 轉場動畫3 by jirg (@pig3629) on CodePen.