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

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

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

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

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

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

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

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

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

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

分享到：

返回列表

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

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

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

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

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

开始“反扑”了？中国院士正式宣布，厉害的不只有华为

随着中国的这些年的不断发展，中国在各方都取得了很大的成就，现在的中国已经发生了翻天覆地的变化。在生活上。我们进入了电商时代，进入了移动支付时代；在科技上，我们进入了智能互联网时代，即将迎来的是全新的5G时代，还有很多很多中国制造都是值得我们骄傲的。特别值得提及的就是，现在中国制造已经成为了我们的一个...

最简单的生活一天花多少钱？

90后负债女孩的极简主义：月薪6000+，一天的真实花销精简但你绝对想不到!广西农村姑娘在广州，网贷负债6w，人情债接近3w，到手月薪6000+，在珠江新城商业CBD上班，一天真实的花销在多少？道出多少负债人的辛酸！疫情这3年的收入，固定死工资基本就这个数了，负债之下一直没啥存款，都是还没发工资都被...

六年前端面试报告

2022.10.20 在当前公司待了两年多，被离职了，拿了点赔偿金继续面试。薪资期望 13-15, 趁着今天1024整理下面试过程。上一次面试我是4年经验，简历也好改，加上两年经验，补上现公司项目就出去找工作了。简历改完后，首先分析下自己现阶段水平，大概能要多少，定一个期望薪资。再就是背面试题了。自...

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

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

特斯拉再降价，为何受伤最大的不是比亚迪？

特斯拉降价算新闻吗？素有“韭菜收割机”之称的特斯拉，不论涨价或者降价都是再普通不过的常规操作，但是这一次，轻轻松松就闯上了热搜。降一次价，上一次热搜？当然这一方面，是因为本次降价幅度不小，Model 3官降1.3万到1.8万元不等，主销车型Model Y最高降幅甚至达到3.7万元。就算结合客观情况，...

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