css3实现一个上下浮动的动画效果

最新推荐文章于 2024-03-25 19:05:35 发布

1241461622

最新推荐文章于 2024-03-25 19:05:35 发布

阅读量3.1w

点赞数 11

分类专栏： css 文章标签：上下浮动

本文链接：https://blog.youkuaiyun.com/qq_39635302/article/details/79477538

版权

css 专栏收录该内容

5 篇文章

订阅专栏

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)}
}