おはようございます。
今日がラスト出勤なんですが、いよいよ今年も終わりかとしみじみしておりますどうもハヤトワンです。
今年がすぎるスピード異常に早く感じた。
ということで、日課の朝のコーディング。
今日は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の値を変化させれてますね。
おもしろい
ということで今日はここまで
それでは良い一日を