使用頻度が多いテキストアニメーションをコピペで使えるようにまとめました！
目次（もくじ）
段落事に順番に文字が左から右へ流れる
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で作成されてるアニメーションです。
参考にしたのはこちら文字を１文字ずつアニメーションさせる方法と、そのバリエーション・考え方を紹介！（YOU TUBEで詳しく解説してあるので勉強になります。）
See the Pen 下から上に一文字ずつ出てくるテキストアニメーション by Satomi (@satomi79000033) on CodePen.
