使用頻度が多いテキストアニメーションをコピペで使えるようにまとめました！
目次（もくじ）
段落事に順番に文字が左から右へ流れる
See the Pen Untitled by Satomi (@satomi79000033) on CodePen.
J QUERYのCDNコードをheader.phpの<head></head>の中に記載します。
最新コードはこちらからGoogle jQuery CDN
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>文字が1文字ずつタイピングの様に出てくる！
See the Pen Untitled by Satomi (@satomi79000033) on CodePen.
J QUERYのCDNコードをheader.phpの<head></head>の中に記載します。
最新コードはこちらからGoogle jQuery CDN
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>手書き風で流れるような文字アニメーション
ＳＶＧアニメーションの作り方についてはこちらの記事より
ＳＶＧアニメーションの作り方（手書き風）
See the Pen svgアニメーション by Satomi (@satomi79000033) on CodePen.
流れるように一文字ずつ大→小さくなる
CSSのみで実装されているので軽くて使いやすいです。
See the Pen テキストアニメーション流れるように１文字ずつ大→小 by Satomi (@satomi79000033) on CodePen.
下から上に一文字ずつ出てくるテキストアニメーション
cssとjavascriptで作成されてるアニメーションです。
See the Pen 下から上に一文字ずつ出てくるテキストアニメーション by Satomi (@satomi79000033) on CodePen.
下から上に一文字ずつふわっと出てくるテキストアニメーション
cssとjavascriptで作成されてるアニメーションです。メインビジュアルなどでよく使用されてます。
See the Pen Untitled by Satomi (@satomi79000033) on CodePen.
ふわっと出てくるテキストアニメーション【フェード＋ぼかし解除（高級感）】
cssとjavascriptで作成されてるアニメーションです。メインビジュアルやメッセージなどで使用されている事が多く高級感がありますね。
水・美容・建築系と相性◎
See the Pen 【テキストニメーション】フェード＋ぼかし解除（高級感） by Satomi (@satomi79000033) on CodePen.
マスクで下からスッと出る（今っぽい）
cssとjavascriptで作成されてるアニメーションです。メインビジュアルやメッセージなどで使用されている事が多く高級感がありますね。
Web制作会社っぽい◎ スイリッシュ◎
See the Pen マスクで下からスッと出る（今っぽい） by Satomi (@satomi79000033) on CodePen.
1文字ずつスケールアップ（力強い）
cssとjavascriptで作成されてるアニメーションです。
インパクト強め。サービス紹介向き◎
See the Pen 【テキストアニメーション】マスクで下からスッと出る（今っぽい） by Satomi (@satomi79000033) on CodePen.
グラデーションが流れる文字
cssとjavascriptで作成されてるアニメーションです。
水系・テック系に最高◎
See the Pen マスクで下からスッと出る（今っぽい） by Satomi (@satomi79000033) on CodePen.
文字が遅れて横からスライド（王道）
cssとjavascriptで作成されてるアニメーションです。単語単位でやると特にかっこいいです。
LP向き◎
See the Pen 文字が遅れて横からスライド（王道） by Satomi (@satomi79000033) on CodePen.
画面全体から文字が飛んでくる「近未来ゲーム風」
cssとjavascriptで作成されてるアニメーションです。
ゲーム系、IT・テクノロジー系、プロモーションサイト◎
See the Pen 文字が遅れて横からスライド（王道） by Satomi (@satomi79000033) on CodePen.
