// Параметры анимации открытия карточки
duration: 480 ms // длительность открытия карточки
curve: cubic-bezier(0.32, 0.72, 0, 1) // параметры кривой анимации открытия карточки
// Параметры затемнения оверлея на фоне открытой карточки
duration: 200 ms
curve: cubic-bezier(0.42, 0, 0.58, 1)
// Параметры закрытия карточки
duration: 440 ms
curver: cubic-bezier(0.32, 0.72, 0, 1)
// Открытие Action Sheet
curve: cubic-bezier(0, 0, 0, 1)
// Появление тёмного оверлея
Реализованные анимации (в процессе)
Modal Page
// Параметры анимации открытия карточки
duration: 480 ms // длительность открытия карточки
curve: cubic-bezier(0.32, 0.72, 0, 1) // параметры кривой анимации открытия карточки
// Параметры затемнения оверлея на фоне открытой карточки
duration: 200 ms
curve: cubic-bezier(0.42, 0, 0.58, 1)
// Параметры закрытия карточки
duration: 440 ms
curver: cubic-bezier(0.32, 0.72, 0, 1)
Action Sheet
// Открытие Action Sheet
duration: 200 ms
curve: cubic-bezier(0, 0, 0, 1)
// Появление тёмного оверлея
duration: 200 ms
curve: cubic-bezier(0.42, 0, 0.58, 1)
Скелеты