代码如下(示例):
<div
class="jumpBox"
style="width: 350px; height: 325px"
>
<img
width="100%"
height="100%"
src="XXXXX.png"
/>
</div>
2.css
<style scoped>
.jumpBox img{
animation: jumpBoxHandler 1.8s infinite;/* 1.8s 事件完成时间周期 infinite无限循环 */
}
@keyframes jumpBoxHandler { /* css事件 */
0% {
transform: translate(0px, 0px);
}
50% {
transform: translate(0px, 30px); /* 可配置跳动方向 */
}
100% {
transform: translate(0px, 0px);
}
}
</style>