BLOG

火曜日

おはようございます。

タイトルが思いつかないときは曜日をとりあえずはいれとこうと落ち着きましたどうもハヤトワンです。

この調子で金曜までいきそう

今日も急ぎなので先程のコーディングのシェア。

https://github.com/HayatoMoromasa/sample/tree/main/MousemoveParallax

こういうマウスムーブで動かすん、はじめましてでした。

        const position = document.documentElement;
        position.addEventListener('mousemove', e => {
            position.style.setProperty('--x', e.clientX + 'px');
        });

これで取得した–xの値をcssのbackground-sizeとかmax-widthとかのそれぞれの値にcalcで動的にすることで奥行き感を出すんですね。

ということで今日は終わり。

今日もいい1日を!