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

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

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

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

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

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

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

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

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

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

分享到：

返回列表

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

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

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

“双11”，如何守住钱袋子？

“双十一”快到了，“剁手”的大斧已高高举起。购物车收藏83件，有的商品开启定价预售模式小姐姐的化妆品要不少钱呀，也不知比平时便宜多少最近几天，同事们都在热议“双十一”。今年的“双十一”跟以往相比有新变化，比如，缩短预售时间、扩容购物车、差价一键退，不少平台还从晚上8点开始销售等。自从2009年开始...

如何把备用手机号，改为移动便宜的8元套餐，不用去营业厅

手机可以说是我们最常用的一个通讯工具，比如说我们这几年，可能会用过多部手机，也有多个手机号，但每个朋友可能都会有一台或者两台的备用机，里面只是保号使用，今天给大家分享技巧是如何把我们的备用手机号，设置为一个最低的一个保号套餐，这样的话就会少花冤枉钱，相信这个技巧呢，会对大家有很大的帮助，大家可以点赞...

日本拆无人机后曝光：核心芯片来自美国,大疆会走上华为的老路吗？

大疆无人机在日被拆解，确认核心部件源自美国？在无人机领域盛传一句话：“世界无人机只分为两类，大疆和其他‘玩具机’”。因此，作为入选了胡润全球独角兽企业的大疆无人机公司，一直是美国、日本等多个国家高精尖企业眼中的“香饽饽”。他们试图攻克大疆的操作原理，更致力于找到突破中国无人机第一的弱点。2020年大...

华为梅开二度：鸿蒙3.0正式版推送+5.5G网络，网友：遥遥领先

对于华为手机来说，虽然手机业务受到了很大的压力，但是华为在很多领域的表现都不差，无论是汽车领域还是通信领域，都有着不错的市场表现力。而且这几年的华为在技术研发方面的投入资金也不小，这也意味着进步很大。而且从目前的市场角度来看，华为也迎来了梅开二度的情况，不仅针对鸿蒙OS3.0正式版进行了推送和变化，...

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

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

你最讨厌QQ什么？

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

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