エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
テキストを1文字ずつ抜き出して、アニメーションさせる
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
テキストを1文字ずつ抜き出して、アニメーションさせる
WebGL と Apex の勉強をしています。 スピッカートの金山(@spicato_kana)です。 今回は、表題の通りテキ... WebGL と Apex の勉強をしています。 スピッカートの金山(@spicato_kana)です。 今回は、表題の通りテキストを 1 文字ずつ抜き出して、アニメーションさせる方法を紹介します。 最近、特に 1 文字ずつアニメーションさせることが多くなってきたので、JavaScript をテンプレートで作って共通化させました。 本当は npm で配信してみたかったのですが、時間がなく断念しました。。。 参考 使用例 // @ts-check export class SplitText { /** * @class SplitText * @constructor * @param {String} els - 対象要素(メイン) * @param {Object} [Options] - オプション * @param {any} [Options.target] - 対象要素(複数行の