【簡単実装】Block Reveal EffectsをJavaScriptをCSSで作る【コピペでOK】 | Tarokenlogこんにちは、福岡で筋肉と会話しながらウェブデザインしています、ケンタロウ(@kentaro_koga)です 今回、「スクロールしたら横からブロックがスライドで出てきて、横にスライドして消えると同時に下の文字・画像が表示されるやつ」というよく見るやつを作ってみました こんなやつです。 「Block Reveal Effects」からサンプルのコードをダウンロードして使えば簡単にできますが、今回は自分で作ってみました。 やったことは簡単で、JavaScriptでスクロールの値を取って、要素が半分見える位置にきたらCSSを追加して、そのCSSにanimationを仕込んでいるだけです。 コピペで使い回せるかと思うので、自分の好みにカスタマイズしてみてください HTMLの準備 サンプルなので簡単なhtmlです <!DOCTYPE html> <html lang="en"> <head> <met
