Каковы кривые ослабления CSS по умолчанию? - PullRequest
1 голос
/ 10 октября 2019

В css мы можем использовать замедление для переходов, например:

transition: all .5s ease-in-out

Существуют встроенные функции CSS, такие как ease, ease-in, ease-out и ease-in-out.

Мы также можем определить произвольное замедление с помощью кубического Безье , например:

transition: all .5s cubic-bezier(.42, 0, 1, 1)

Мне даны значения для желаемого смягчения перехода (котороевполне может быть таким же, как значения по умолчанию, я не знаю), но прежде чем я загрязню свой CSS пользовательскими значениями замедления, я хотел сравнить их со значениями по умолчанию. Мое исследование оказалось пустым, и я подумал, что было бы неплохо получить авторитетный ответ здесь в stackoverflow.

Каковы значения CSS по умолчанию для смягчения кубической кривой Безье?

Ответы [ 2 ]

3 голосов
/ 10 октября 2019

Согласно W3 и MDN :

easy = кубический Безье (0,25, 0,1, 0,25, 1).

замедление = кубический Безье (0,42, 0, 1, 1).

замедление = кубический Безье (0,0, 0,58, 1).

замедление выхода = кубический Безье (0,42, 0, 0,58, 1).

линейный = кубический Безье (0,0, 0,0, 1,0, 1,0).

0 голосов
/ 10 октября 2019

С W3Schools :

См. Эквивалентные функциональные значения в таблице ниже.

enter image description here

...