扫码关注官方订阅号
想請問一下假設我想讓某張圖片在網頁某處來回走動該怎麼做?
人生最曼妙的风景，竟是内心的淡定与从容！
.img-move{ animation:imgMove 4s linear infinite; -moz-animation:imgMove 4s linear infinite; -webkit-animation:imgMove 4s linear infinite; -o-animation:imgMove 4s linear infinite; position: absolute; } @keyframes imgMove { 0% {right:100px;} 25%{right:150px;} 50%{right:100px;} 75%{right:50px} 100% {right:100px} }
长期循环的话不建议用JScss的话有animation可以做自定义动画。比如将此图片样式改为absolute之类，在动画中修改其left、top值使其移动
absolute
left、top
css3 animation属性 可以实现
给图片position：absolute；在js里获得它的left值，在定时器里让它每秒增加 达到某个值之后 再让其不断减小
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
0 
4
524
收藏
长期循环的话不建议用JS
css的话有animation可以做自定义动画。
比如将此图片样式改为
absolute之类，在动画中修改其left、top值使其移动css3 animation属性 可以实现
给图片position：absolute；在js里获得它的left值，在定时器里让它每秒增加 达到某个值之后 再让其不断减小