1.translate是transform的一个属性,他是控制距离顶部和左边的距离,另外transform还有skew(x,y)属性扭曲变形,rotate(x,y),scale() 放大或缩小,根据给定的宽度(X 轴)和高度(Y 轴)参数: scale(2,4)
2.transition是依据改变某个属性值来修改改变过程中的状态, transition:width 2s;意思就是当width改变的时需要两秒的过度时间,transition的属性还有
(1)执行变换的属性:transition-property;
(2)变换延续的时间:transition-duration;
(3)在延续时间段,变换的速率变化:transition-timing-function //例:平缓进入、先快后慢;
(4)变换延迟时间:transition-delay。
3.animation和transition差不多区别在于
1.Animation可以通过keyframe显式控制当前帧的属性值,而Transition只能隐式来进行
(不能指定每帧的属性值),所以相对而言Animation的功能更加灵活;
2.Animation通过模拟属性值改变来实现动画,动画结束之后元素的属性没有变化;而Transition确实改变了元
素的属性值,动画结束之后元素的属性发生了变化;这一点,这在实际应用中会产生很大的区别。
3.animation可以自动触发,而transition需要动作才能触发