①弹框等居中定位元素如果使用 transform:translate (-50%,50%) 偏移实现，则定位元素的显示动画如果包含 transform 变化，则会发生冲突，使定位失效；
②解决方案一：宽高设置为 fit-content，这样就可以使用 inset:0 + margin:auto 实现不影响 transform 动画的居中对齐效果了；
③解决方案二：逗号后面留空的 CSS 自定义属性语法：transform: var (--transform, ) scale (1)；animation属性中的animation-fill-mode要设置为both；
④ CSS 变量是支持缺省值的，也就是当 CSS 自定义属性没有定义的时候使用的值，例：color: var (--color, skyblue)；
⑤CSS 多值属性还是很多的，一种是缩写属性（使用空格和斜杠分隔），还有一种是可无限值属性（使用逗号分隔）；
（参考：www.zhangxinxu.com/wordpress/2…
