how to change image following mouse direction?

Question

this the picture Hello can anyone help me to do this so i should make this by using css when mouse close to div, the picture will change to mouse direction

i cannot change the source or add the new script, only css thank you

user_19101282 · Answer

I don't believe it to be possible to do so, you would need some javascript. I may be wrong, hopefully someone else can clarify.

Found and example on code pen with just one line of javascript though: https://codepen.io/w3codemasters/pen/pooLQaY

    $(document).mousemove(function (e) {
            $(".pointer").css({ left: e.pageX, top: e.pageY });
        });

    html {
            cursor: none;
            overflow: hidden;
        }
        .pointer {
            position: absolute;
            height: 480px; top:100px;
            width: 480px; left:50%;
            pointer-events: none;
        }

        .pointer img {
            width: 140px;
        }

how to change image following mouse direction?

1 Answers