**html:**
<div class="divid">
<img src="a.png" alt="" id="img3">
<img src="b.png" alt="" id="img1">
</div>
**style**
.divid{position: relative;}
#img1{position: absolute;left:28%;top: 67%;max-width:100%;height: auto;opacity: 0;}
#img3{position: absolute;left:28%;top: 67%;max-width:100%;height: auto;
max-width: 100%;height: auto;}
#img1:hover{animation:mymove .45s linear infinite ;
-webkit-animation:mymove .45s linear infinite ; cursor: pointer;}
@-webkit-keyframes mymove{
0%{opacity:0;}
15%{opacity:0.25;}
30%{opacity:0.5;}
45%{opacity:0.75;}
60%{opacity:1;}
75%{opacity:0.75;}
90%{opacity:0.5;}
100%{opacity:0.25;}
}
虚线运动(图片)
最新推荐文章于 2021-01-24 06:55:20 发布