欢迎您访问 最编程 本站为您分享编程语言代码,编程技术文章!
您现在的位置是: 首页

css实现动画效果(B站返回顶部的小火箭是如何实现悬停效果的?+实现平泽伟挥手表情

最编程 2024-03-26 09:36:21
...

今天在打开B站学习时发现按钮回顶的特效很有意思,于是来搞个事情(众所周知,B站是个学习网站

就是用蓝色方框标注的,随便搜点啥往下划划就能看见安安静静呆在角落的小火箭????。

回顶效果比较常见,但是hover之后能够看到小火箭蓄势待发的样子,就很有意思
对这个的实现有点好奇,于是就打开了控制台开始摸鱼????(学习

上图的是hover小火箭的状态,可以看到两个样式 rocket-con 和 fly,而在fly中又可以看到有个animation,那么形势就比较明了了

在打开图片链接看看,展示的是一个这样的图片