已删除课时, 1.过渡和动画之间的异同 1.1不同点 过渡必须人为触发才能执行动画 动画不需要人为触发就能执行动画 1.2相同点 过渡和动画都是用来给元素添加动画的 过渡和动画都是系统新增的属性 过渡和动画都需要满足三要素才会有动画效果 2.执行动画的三要素 2.1告诉系统需要执行哪个动画 animation-name: SY; (动画名称可以随便起) 2.2告诉系统我们需要自己创建一个名称叫做SY的动画 @keyframes SY { from{ margin-left:0; } to{ margin-left: 500px; } } 2.3告诉系统动画持续的时长 animation-duration: 3s;