当前位置：首页 > 文章 > 正文内容

为自己的博客园添加motto漂浮效果^_^

廖万里3年前 (2022-10-27)文章124502

下面是我自己写的一个功能，先分析下思路：

效果使用@keyframes帧动画，属性使用opacity和transform
motto是有限的，而漂浮是无限的，需要循环有限的motto不断创建新的漂浮
用一个pool来容纳漂浮，在无操作的时候清空pool

本来是随便写写的，但是改着改着...怎么看起来有点像Vue

其实我也想附源码的，奈何工具用的不6...贴上去的代码没颜色

这段代码是可以直接用的，但是我认为你首先应该给body加个高度哈哈

最后，如果在博客园使用了它，那么可以考虑给我点个赞^o^

本文链接：https://www.kkkliao.cn/?id=165 转载需授权！

分享到：

返回列表

上一篇：python渗透测试入门——基础的网络编程工具

下一篇：前端开发日常——CSS动画无限轮播

“为自己的博客园添加motto漂浮效果^_^” 的相关文章

美设备大厂接连表态，反转出现了，外媒：华为将“打”出和平

华为5G的横空出世，一举打破了美国数十年的通信霸权，也首次将中国通信带到了全球最顶端的位置，堪称是中国人的骄傲。然而，这却引起了老美的忌惮，它为了巩固自己的科技霸权地位，近些年频繁修改芯片规则，妄图通过断供来放倒华为。大家都知道，技术封锁是美帝霸凌主义惯用的手段，且屡试不爽，日本东芝和法国阿尔斯通的...

人的寿命?科学家找到了答案，竟和走路速度有关？

关于走路每个人都有不同的说法，有些人觉得适度走路能走掉很多疾病，有些人觉得坚持走路会把膝盖走坏，有些人在走路中获得了益处，但有些人却走出了问题。还有人说走路和寿命之间存在联系，那么这种说法是否准确呢？不妨让我们一起来看看科学家的答案。人的寿命竟然跟走路速度有关？科学家找到答案，你走路够快吗？美国匹兹...

苹果手机打电话时如何录音

在国内，通话录音这项功能我们每个人都有可能使用到！因为某种意义上，可以作为证据使用。大多数的安卓手机都会支持这项功能。而苹果手机支持通话录音吗？答案是显而易见的：不支持！为什么不支持通话录音呢？对于苹果手机而言，更关注隐私的安全。通话录音在其看来是侵犯了对方的隐私，所以苹果公司不支持通话录音功能。并...

失窃iPhone最终归宿：一台被盗的手机，如何在华强北“焕发新生”

华强北，一个中国数码史上现象级的名词。这条中轴主干道南北长900多米的街区，造就了中国电子科技历史上的神话。但一个硬币有两面，如果说腾讯、TP-Link这样的成功企业代表了华强北向阳的一面，那么华强北的阴暗一面，就离不开两个词：组装机和山寨机。如今，在各大手机厂商物美价廉的新品联合绞杀之下，山寨机已...

专访中凝科技90后董事长王天赋：7年打造气凝胶“小巨人”，未来3年冲刺上市

本文来源：时代周报作者：黄嘉祥气凝胶是世界上密度最小的固体，被誉为可以改变世界的多功能新材料，这条超百亿级别的新赛道正在崛起，入局者越来越多。90后“创二代”王天赋正是气凝胶赛道的创业者之一，他在2015年创办了深圳中凝科技有限公司（下称“中凝科技”），带领团队研制气凝胶，在全球首创气凝胶无氯常压...