main .heart{
animation: heart 1.3s ease-in-out 2.7s infinite alternate;
}
//margin-top会发生卡顿
@keyframes heart{
from{margin-top:0px;}
to{margin-top:-6px;}
}
//用transform就流畅了
@keyframes heart{
from{transform:translate(0,0)}
to{transform:translate(0,6px)}
}
css3实现一个上下浮动的动画效果
最新推荐文章于 2024-07-09 09:39:15 发布