<head>
<meta charset="utf-8">
<title></title>
<style>
div.t01{
position: relative
right: -100px;
width: 0px;
height: 5px;
background-color: yellow;
animation-name: boo;
animation-duration: 10s;
animation-iteration-count: infinite;
animation-fill-mode: forwards;
/* animation: boo 4s steps(); */
}
img{
width: 20px;
height: 20px;
}
@keyframes boo{
0%{}
100%{
width: 30%;
}
}
div.t02 {
position: absolute;
top: 8px;
right: 200px;
bottom: 200px;
width: 0px;
height: 5px;
background-color: yellow;
animation-name: boo1;
animation-duration: 10s;
animation-iteration-count: infinite;
animation-fill-mode: forwards;
/* animation: boo 4s steps(); */
}
@keyframes boo1{
0%{}
100%{
width: 30%;
}
}
.box3{
}
</style>
</head>
<body>
<div class="t01">
<img src="imgHdan.jpg">
</div>
<div class="t02">
<img src="imgHdan.jpg">
</div>
![](https://profile-avatar.csdnimg.cn/e1be89c852a34b5386b6bc0ee246c173_m0_59322289.jpg!4)
我只是个小白,只是感兴趣喜欢前端学习 我的问题就是我做的这个动画用了两个div,每个div装了一张图片,每次两边移动的时候只有右边to2图片被推着动,左边不会动 在线求解答
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
- 邀请回答
-
2条回答 默认 最新
- 钢镚是个小屁精 2021-10-14 09:54关注
div.t01里加个text-align: right;
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏 举报
悬赏问题
- ¥15 网络科学导论,网络控制
- ¥15 metadata提取的PDF元数据,如何转换为一个Excel
- ¥15 关于arduino编程toCharArray()函数的使用
- ¥100 vc++混合CEF采用CLR方式编译报错
- ¥15 coze 的插件输入飞书多维表格 app_token 后一直显示错误,如何解决?
- ¥15 vite+vue3+plyr播放本地public文件夹下视频无法加载
- ¥15 c#逐行读取txt文本,但是每一行里面数据之间空格数量不同
- ¥50 如何openEuler 22.03上安装配置drbd
- ¥20 ING91680C BLE5.3 芯片怎么实现串口收发数据
- ¥15 无线连接树莓派,无法执行update,如何解决?(相关搜索:软件下载)