semi-design/packages/semi-foundation/modal/animation.scss

$animation_duration-modal_show: 0.12s; // 弹窗打开-动画持续时间
$animation_function-modal_show: cubic-bezier(0, 0, 0.26, 1.38); // 弹窗打开-过渡曲线
$animation_delay-modal_show: 0ms; // 弹窗打开-延迟时间

$animation_duration-modal_hide: 0.09s; // 弹窗关闭-动画持续时间
$animation_function-modal_hide: cubic-bezier(0.25, 0.46, 0.45, 0.94); // 弹窗关闭-过渡曲线
$animation_delay-modal_hide: 0ms; // 弹窗关闭-延迟时间


$animation_duration-modal_mask_show: 0.09s; // 弹窗打开时-蒙层颜色-动画持续时间
$animation_function-modal_mask_show: cubic-bezier(0, 0, 0.26, 1.38); // 弹窗打开时-蒙层颜色-过渡曲线
$animation_delay-modal_mask_show: 0ms; // 弹窗打开时-蒙层颜色-延迟时间

$animation_duration-modal_mask_hide: 0.09s; // 弹窗关闭时-蒙层颜色-动画持续时间
$animation_function-modal_mask_hide: cubic-bezier(0.25, 0.46, 0.45, 0.94); // 弹窗关闭时-蒙层颜色-过渡曲线
$animation_delay-modal_mask_hide: 0ms; // 弹窗关闭时-蒙层颜色-延迟时间


$animation_transform_scale-modal_content-open: 0.7; // 弹窗打开时-缩放比例
$animation_opacity-modal_content_open : 0; // 弹窗打开时-起始透明度
$animation_transform_scale-modal_content-close: 0.7; // 弹窗关闭时-缩放比例
$animation_opacity-modal_content-close: 0; // 弹窗关闭时-起始透明度

$animation_opacity-modal_mask-open: 0; // 弹窗打开时-蒙层起始透明度
$animation_opacity-modal_mask-close: 0; // 弹窗关闭时-蒙层起始透明度