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

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

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

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

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

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

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

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

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

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

分享到：

返回列表

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

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

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

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

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

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

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

你最讨厌QQ什么？

作为中国最早的社交软件之一, QQ承载着无数的青春。QQ最初诞生的时候，是为了方便人们之间的交流而诞生的。那时候 QQ作为我们联系的主要工具，人们之间可以进行即时通讯。我们每天都会在 QQ上和不同的人进行沟通互动。聊天的内容也十分的丰富，有的时候聊天的内容甚至超过了现在人们生活的内容。而其中最让人讨...

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

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

iframe如何实现全屏，高度自适应浏览器实现

iframe编写<iframe id="iframe" name="iframe" ...

小米12SPro深度体验评测，什么叫“水桶旗舰”啊？

首先，依然是祖传一句话评价：补齐了唯一短板的水桶旗舰。其实就像年初的时候评价小米12Pro一样，今年的12系列看得出小米是在努力的优化体验，而不是单纯的堆叠参数，所以更注重手感的12和12S，以及徕卡加持下算法提升、影调有明显改善的小米12S Ultra便应运而生，至于今年的12Pro和12S Pr...

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