Пару ссылок по анимации:
learn.javascript.ru,
w3schools.com.
Примерно так: определяете основные точки (например, так)

Затем указываете координаты.
Сейчас попробую набросать пример.
UPD Вот пример со "сглаживанием". А вот без. Разница заметна - в первом случае получается чуть более "криво".