I was tasked with a very simple task. Moving a ball from the left edge of the screen to the right edge. That’s a simple task, and have been possible for ages using for example jQuery animations. However, the ball had to move smoothly over the screen and back in 0.5 seconds.
The problem with smoothly
Add Motion blur. That is the way games do it and that is the way Hollywood does it. Adding motion blur to an object that is moving fast makes it look smoother to the human eye.
In my case, i could just add a box-shadow or a filter:blur to the balls css class.