https://matthewlein.com/ceaser/ вот вам конструктор, сможете сами задать как блоку стартовать и как финишировать!

laimas,
ну нафиг - древние ie`шки ещё поддерживать!! буду css3 пользоваться.

всем большое спасибо за подсказки!!!

почитаю, поэксперементирую.

рони,
ну так зачем плавность через JS, если транзакция через CSS, там и задать ее.

где???

так оно и в css работает

.class {
-webkit-transition: all 500ms cubic-bezier(0.000, 0.000, 0.580, 1.000); 
   -moz-transition: all 500ms cubic-bezier(0.000, 0.000, 0.580, 1.000); 
     -o-transition: all 500ms cubic-bezier(0.000, 0.000, 0.580, 1.000); 
        transition: all 500ms cubic-bezier(0.000, 0.000, 0.580, 1.000); /* ease-out */
}

laimas,
я писал про это .animate {
transition: all 1s cubic-bezier(.17,.67,.83,.67)
}
и дал ссылку на сайт где параметры cubic-bezier можно подобрать

рони,
понял, я думал предлагается для JS ему копировать. )

Ему просто надо было ссылку сюда.

если целевая аудитория позволяет, то конечно да, пора хоронить старье.