Is it possible to animate only the opacity, and have it move in a direction across a div? Let's say from left to right?

Here is my code so far: just missing something that says Left, if it's even feasible:

```
$(document).ready(function() {
    $('#box').mouseenter(function() {
        $(this).animate({opacity: ".5"}, 500);
    });
});

```