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

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

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

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

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

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

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

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

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

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

分享到：

返回列表

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

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

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

四川公务员考试真题_福建省选调生考试书籍

而在四川的国家公务员考试中,行测中的言语理解题目甚至占到了40道题。所以,很多时候,你会听到“得言语者得行测”就是在强调言语理解在四川公务员考试行测中的重要...2019年四川省省考已进入备考阶段,刷历年省考真题可提升巩固管家整理了33套行测申论四川历练真题,带答案解析需要的同学,看下方图片领取方式...

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

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

6G专利申请量比拼：美国占比35.2%，日本占比9.9%，中国排第几？

5G对于现在的人们来说已经不是什么神秘的存在，很多国家通过近些年的研究都已经逐步掌握了5G技术。不过就5G技术发展的成熟度、设备完善程度以及信号铺设范围来说，我国都是当之无愧的世界第一。但是随着科技技术的不断发展，对于6G的技术研发也被提上日程。不少国家都开始攻克6G技术，并取得了各项专利。根据有关...

马云即便隐退了，眼光依旧毒辣，退出前的发言值得深思

（ps：灰色的文字为马云的发言，黑色为作者的补充解读，更助于各位理解）马云发言：过去的这一年，很不寻常，事件发生了巨大的变化。疫情也带来了巨大的挑战，在今天所有巨大的不确定当中，有一件事是确定无疑的。那就是数字化的趋势没有改变。数字化以前只是让一些企业活得更好。而今天是企业活下去的关键，数字化的进程...

嫦娥五号样品揭秘：月球如何“延寿”8亿年？

文｜《中国科学报》记者冯丽妃嫦娥五号玄武岩与阿波罗玄武岩形成示意图。受访者供图月球一直“活到”了什么时候？这是月球演化历史研究中科学家一直想了解的一个重大科学问题。一年前，中科院地质与地球物理研究所（以下简称地质地球所）的科学家们利用嫦娥五号带回的月球样品，证明月球在距今20亿年前仍喷发过滚烫...

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

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

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