Question

I’m trying to make animation of the block by changing its position.

Like, move the block from the left to the middle by animation of the css left.

The problem is, animation process happens with the same speed from the beginning to the end.

I want to make animation slower at the end, it should slow down when it comes to the finish point.

How can I do this? I’ve read about easing plugin, but don’t know which effect should I use, which is the wanted one.

Answer 1

You want an ease-out effect. Here are some demos:

http://jquery-ui.googlecode.com/svn/tags/1.6rc6/demos/effects_easings/default.html

EDIT:

Here’s a more “official” demo page:

http://jqueryui.com/demos/effect/easing.html