Пару ссылок по анимации: learn.javascript.ru, w3schools.com.
Примерно так: определяете основные точки (например, так)
Затем указываете координаты.
Сейчас попробую набросать пример.
UPD Вот пример со "сглаживанием". А вот без. Разница заметна - в первом случае получается чуть более "криво".
В ***.style лежит только то, что Вы сами туда положили и аттрибут style в html. Чиобы посмотреть свойства, заданные через stylesheet, нужно использовать getComputedStyle