animate.jsを使ってテキストアニメーション - SMART 開発者のためのウェブマガジン

animate.jsを使ってテキストアニメーションを使ったのでその備忘録。元ネタはtobiasahlin.comのMOVING LETTERSというスクリプトで、jQueryを使わないように変更した。 MOVING LETTERS CodePen: https://codepen.io/zionboogie/pen/RqQmVE See the Pen anime.js テキストのレターリングアニメーション by jun (@zionboogie) on CodePen. HTML <h1 class="title">JavaScript講座</h1> CSS .title { font-weight: 900; font-size: 3.5em; } .title .char-animation { display: inline-block; line-height: 1em; } J