css3中transform : "matrix(1, 0, 0, 1, 0, "100px")"动画时间怎么加进去
如题:css3中transform : "matrix(1, 0, 0, 1, 0, "100px")"动画时间怎么加进去,想让这个动画有运动时间,不是很死板的滑动。
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
可以使用
@keyframes
来给css3动画设置时间。创建动画的原理是,将一套 CSS 样式逐渐变化为另一套样式。
在动画过程中,能够多次改变这套 CSS 样式。
以百分比来规定改变发生的时间,或者通过关键词 "from" 和 "to",等价于 0% 和 100%。
0% 是动画的开始时间,100% 动画的结束时间。
参考
这个属性是在transform下,所以控制的是变换而不是动画,想要动画控制请使用transition或者animate