AFFINGER5でロゴなどをアニメーションさせる方法をお伝えします。サイトを読み込んだ時にふわっと動かす設定方法です。
設定する場所は？
「AFFINGER5管理」→「その他」→「演出」で
【@keyframesによるアニメーション】の下にある
上から下：、下から上：などの枠にロゴのclassおよびIDを入れる
複数の設定をする場合は半角カンマ「,」で区切る
ロゴのclassってどこでわかるの？
公式サイトで一覧があります。
こういった表があります。
たとえばサイト名ロゴとスマホミドルメニューの場合は
“#head-l,.st-middle-menu”を枠の中に入れます