【老闆的網頁實驗室 #1 】 — 實作CSS拆字動畫

這次的網頁拆解實驗室不藏私的拆解跟大家分享 rogue.studio 網站中，標題一個字一個字遮罩滑入的生動文字動畫。要怎麼使用js拆開原本的標題，再用css優雅做出依序滑入、切割遮罩的效果呢？這次的拆解實驗室，一步一步來帶著大家做出這個文字特效。

你還會想要看什麼樣的特效主題拆解呢？ 你覺得有什麼其他實現的方式嗎？留言在這，老闆會帶著雞尾酒跟檸檬來重現各式各樣有趣的網站！

這篇如果超過20個分享的話，下一篇來出區塊的模糊效果，以及更靈活玩速度曲線的方法，變化應用在不同的使用情境。

追蹤老闆來點寇汀吧 Medium:
https://medium.com/%E8%80%81%E9%97%86%E4%BE%86%E9%BB%9E%E5%AF%87%E6%B1%80%E5%90%A7