BLOG

imageComparisonSlider

おはようございます。

昨日2回目のえんとつ町のプペルを見に行ってきて、見事に大号泣をかましましたどうもハヤトワンです。

2回目のほうが泣けるはほんまやった。

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

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

        const slide = document.getElementById('layer');
        window.onmousemove = function(e) {
            const x = e.clientX;
            slide.style.left = x + 'px';
        }

横のカーソル移動で画像が切り替わる感じの仕様。

コードは見たまんまですね。

background-attachment: fixed;をつけないと自然な感じにならないのがポイント

ということで、今日から仕事始め。

頑張りましょう。

では良い一日を。