<div id="home">
<div class="a">
<img src="@/assets/logo.png" alt="">
</div>
</div>
简单的一个盒子,一个图片
<style>
#home{
width: 100%;
height: 100%
}
.a{
width: 12.5rem;
height: 6.25rem;
position: relative;
/* 根据自己的需求调整位置 */
top: 200px;
left: 0;
animation: bounce-down 2s linear infinite;
}
.a img{
position: absolute;
}
@keyframes bounce-down{
25%{
transform: translateY(-20px);
}
50%,100%{
transform: translateY(0);
}
75%{
transform: translateY(20px); }
}
</style>