css3中transform : "matrix(1, 0, 0, 1, 0, "100px")"动画时间怎么加进去

Question

如题：css3中transform : "matrix(1, 0, 0, 1, 0, "100px")"动画时间怎么加进去，想让这个动画有运动时间，不是很死板的滑动。

Answer 1

可以使用@keyframes来给css3动画设置时间。
创建动画的原理是，将一套 CSS 样式逐渐变化为另一套样式。
在动画过程中，能够多次改变这套 CSS 样式。
以百分比来规定改变发生的时间，或者通过关键词 "from" 和 "to"，等价于 0% 和 100%。
0% 是动画的开始时间，100% 动画的结束时间。
参考

Answer 2

这个属性是在transform下，所以控制的是变换而不是动画，想要动画控制请使用transition或者animate