gif效果:
代码展示:
html部分:
<body>
<ul class="box">
<li>
<!-- 内容自行添加 -->
<img src="https://img1.baidu.com/it/u=1488474959,3717674786&fm=26&fmt=auto"
style="height: 320px;width: 640px;" alt="">
<div class="pic">点赞</div>
</li>
<li>
<img src="https://img2.baidu.com/it/u=728618049,3637291188&fm=26&fmt=auto"
style="height: 320px;width: 640px;" alt="">
<div class="pic">收藏</div>
</li>
<li>
<img src="https://img2.