Как ускорить анимацию?

Question

[Александр Коновалов]

Здравствуйте! Есть код;

var min = -7460,
                        max = -7520;
                    var rnd = Math.random() * (max - min) + min;
                    $('.all-players-list').css('-moz-transform', 'translate3d(' + rnd + 'px, 0, 0)');
                    $('.all-players-list').css('-ms-transform', 'translate3d(' + rnd + 'px, 0, 0)');
                    $('.all-players-list').css('-o-transform', 'translate3d(' + rnd + 'px, 0, 0)');
                    $('.all-players-list').css('-webkit-transform', 'translate3d(' + rnd + 'px, 0, 0)');
                    $('.all-players-list').css('transform', 'translate3d(' + rnd + 'px, 0, 0)');

<div class="all-players-list" style="-moz-transition: 16000ms cubic-bezier(0.32, 0.64, 0.45, 1);-o-transition: 16000ms cubic-bezier(0.32, 0.64, 0.45, 1);-webkit-transition: 16000ms cubic-bezier(0.32, 0.64, 0.45, 1);transition: 16000ms cubic-bezier(0.32, 0.64, 0.45, 1); backface-visibility: hidden;">
                                    </div>

Как ускорить анимацию при старте?

Answer 1

[Алексей Скляров]

Полагаю, что тут:

style="-moz-transition: 16000ms cubic-bezier(0.32, 0.64, 0.45, 1);-o-transition: 16000ms cubic-bezier(0.32, 0.64, 0.45, 1);-webkit-transition: 16000ms cubic-bezier(0.32, 0.64, 0.45, 1);transition: 16000ms cubic-bezier(0.32, 0.64, 0.45, 1); backface-visibility: hidden;">

1600 ms это скорость протекания анимации, чтобы анимация быстро начиналась и потом замедлялась используют еще свойство ease-out.

Answer 2

[Михаил Семин]

transition: 16000ms