说明:
使用@keyframes规则,你可以创建动画。创建动画是通过逐步改变从一个CSS样式设定到另一个。
在动画过程中,您可以更改CSS样式的设定多次。
指定的变化时发生时使用%,或关键字"from"和"to",这是和0%到100%相同。0%是开头动画,100%是当动画完成。
语法:
1 |
|
值 | 说明 |
---|---|
animationname | 必需的。定义animation的名称。由animation属性定义。 |
keyframes-selector | 必需的。动画持续时间的百分比。 合法值: 0-100% 注意: 您可以用一个动画keyframes-selectors。 |
css-styles | 必需的。一个或多个合法的CSS样式属性 |
(学习视频分享:css视频教程)
以上就是怎么用css实现左右运动效果的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
使用 css 实现一个简单的骨架屏(skeleton screen)
更多相关阅读请进入《css》频道 >>

Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者