Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
    <script type="text/javascript" src="js.js"></script>
    <link rel="stylesheet" href="css.css">
</head>
<body>
<div class="block">
</div>
</body>
</html>
 
.block{
    width: 300px;
    height: 20px;
    background: blue;
}
 
$(document).ready(function() {
    var block = $(".block");
    (function() {
        $(document).mousemove(function(event) {
            var X = event.pageX;
            var Y = event.pageY;
            block.css({
                transform: 'translateX(' + (event.pageX / 4) + 'px )', // Not working <-----
                transform: 'translateY(' + (event.pageY / 4) + 'px )',
            });
        });
    })();
});
Output

This bin was created anonymously and its free preview time has expired (learn why). — Get a free unrestricted account

Dismiss x
public
Bin info
anonymouspro
0viewers