BLOG

scaleLogoOnMousemove

おはようございます。

今日がラスト出勤なんですが、いよいよ今年も終わりかとしみじみしておりますどうもハヤトワンです。

今年がすぎるスピード異常に早く感じた。

ということで、日課の朝のコーディング。

今日はmousemoveでロゴがスケールしていく仕様。

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

はじめのフェードインはcssアニメーションで表現しとります。

jsはこれだけ

    document.onmousemove = function(e){
        document.querySelector(".logo").style.transform = "scale("+e.clientX*0.001+")";
    }

jsでcssの値を変化させれてますね。

おもしろい

ということで今日はここまで

それでは良い一日を