动画结束后如何删除此空白空间。
我需要一个连续的动画,每个动画周期之间都没有空白。
我需要保持图像映射正常工作。另外,删除底部的浏览器栏。
.home-section-logo-garden {
width: 2398px;
height: 134px;
animation: logo-garden-slide 30s linear infinite
}
.home-section-logo-garden:hover {
animation-play-state: paused
}
@keyframes logo-garden-slide {
0 {
transform: translateX(0)
}
100% {
transform: translateX(-2398px)
}
}
<img class="home-section-logo-garden" src="https://gtmetrix.com/static/r235/images/home-logo-garden-1x.png" alt="Planets" usemap="#planetmap">