我制作了一个图像浮动的动画。
但是图像在到达终点时似乎在振动。
这是图片为link的网站
如果div
Package img
,则这是CSS
.newImg {
position: relative;
width: 472px;
height: 414px;
animation-name: updown;
animation-duration: 5s;
/* animation-delay: 1.5s; */
animation-iteration-count: infinite;
transition-timing-function: ease-in-out;
}
@keyframes updown {
0% {
top: 0px;
}
25% {
top: 8px;
}
50% {
top: 0px;
}
75% {
top: 8px;
}
100% {
top: 0px;
;
}
}
1条答案
按热度按时间iezvtpos1#
由于top属性而看到的振动。请尝试改用translateY()。它会执行得更快,动画更平滑,并且不会影响布局。