こんにちは！
ワタナベです(｀・ω・´)ゞ
最近髪の毛の色が変わりました！お気に入りです！
ブリーチは相変わらず痛かったですが(;^ω^)
最近気になるスクロールエフェクトがあります。
これです！
横から背景が出てきて、そのまま消えて、文字or画像が表示される感じのこれです！（どれ）
インパクトがあって、初見だと「おおっ」てなりますよね、これ！
↑のは自分が試しに作ったものをスクショしたものなのですが、結構簡単に出来ました（ほぼコピペだけど！）
こちらの「jQueryを使ってプラグイン無しで実装」を参考にさせていただきました。
ほぼコピペで使えますが、画像にエフェクトをかける時は、
.motion-img{
display: inline-block;
position: relative;
overflow: hidden;
}
↑こんなかんじで画像独自のクラスを作ってください。テキストのもの（.motion-txt）をそのまま画像に使うと、paddingが入っているので隙間が出来てしまいます。
画像独自のクラスを作ったら、.motion-txt:afterだとかが設定してあるところに必ず画像独自のクラスも追加するのを忘れずに！（忘れると動きません）
以下余談
本当は横並びになっている要素は、タイミングをずらして表示させたかったのですが、自分はjsに弱いので色々弄ってみましたがあと一歩及ばずでした…
どなたか作ってください…(´;ω;｀)
それではまた次回。
ご閲覧ありがとうございました！
