Cubic-bezier для анимации css или ease-in?

Question

[▪ ▪]

Имеет ли значение использую ли я для анимации transition: all .2s ease-in-out; или cubic-bezier(.17,.67,.83,.67)? Одинаково ли эти свойства будут воспроизводиться в браузерах? Я про кроссбраузерность.

Answer 1

[Денис Инешин]

Да вполне. ease-in-out и прочие - это шорткаты. Но я бы ориентировался всё же на более точную настройку: matthewlein.com/ceaser или же подсел на https://daneden.github.io/animate.css/

Comments

[▪ ▪]

Интересно. Заметил что по первой ссылке, код для анимации в два раза больше чем обычно делают. Это более актуально для кроссбраузерности, или какое вообще преимущество такого длинного css?

[Денис Инешин]

kingdomofcrooked: трудно сказать, но по идее вторая часть не нужна. Просто вынесена для удобства, если нужно функцию отдельно скопировать.