<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>
我只是个小白,只是感兴趣喜欢前端学习 我的问题就是我做的这个动画用了两个div,每个div装了一张图片,每次两边移动的时候只有右边to2图片被推着动,左边不会动 在线求解答
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
- 邀请回答
-
2条回答 默认 最新
- 钢镚是个小屁精 2021-10-14 09:54关注
div.t01里加个text-align: right;
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏 举报
悬赏问题
- ¥15 用hfss做微带贴片阵列天线的时候分析设置有问题
- ¥50 我撰写的python爬虫爬不了 要爬的网址有反爬机制
- ¥15 Centos / PETSc / PETGEM
- ¥15 centos7.9 IPv6端口telnet和端口监控问题
- ¥120 计算机网络的新校区组网设计
- ¥20 完全没有学习过GAN,看了CSDN的一篇文章,里面有代码但是完全不知道如何操作
- ¥15 使用ue5插件narrative时如何切换关卡也保存叙事任务记录
- ¥20 海浪数据 南海地区海况数据,波浪数据
- ¥20 软件测试决策法疑问求解答
- ¥15 win11 23H2删除推荐的项目,支持注册表等