第 10 课 5 / 17 ｜ 编码：L10-09
核心知识

哪些属性适合过渡

优先选择 transform 和 opacity 等通常更流畅的属性，避免用布局属性做大范围运动。

  • transform 不直接改变文档流位置
  • opacity 控制透明度
  • top/left、width/height 可能触发布局计算
.notice{opacity:0;transform:translateY(.5rem)}
.notice.show{opacity:1;transform:none}