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

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

廖万里2年前 (2022-10-27)文章124453

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

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

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

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

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

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

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

分享到：

添加博主微信共同交流探讨信息差网赚项目： 19528888767 ，请猛戳这里→点我添加

返回列表

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

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

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

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

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

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

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

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

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

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

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

2022年，微信收款出“新规”，余额会受到影响吗？个体商家要留心

当今社会市场经济发展，在近十年内，我们社会的支付方式也发生了翻天覆地的变化，近年来大家尤其是年轻人出门购物基本不带现金，使用微信，支付宝等扫一扫，付款码等功能便可以轻松完成支付，在近几年，我们在买东西时，看到几乎所有商家都将自己的收款码打印出来摆放在收银台，埋有许多配套的扫码工具。在这种支付方式的广...

圆周率已经算到了62.8万亿位，再算下去有什么意义？

综述大家知道，圆的周长与直径的比值就是圆周率，用希腊字母表示也就是π。π是一个无限不循环的无理数，在小数点之后存在着无限多个数字，并且不会循环。令人惊讶的是，就算已经证明了π的小数点之后的数字是无穷的，仍然有不少科学家们想要把它继续算下去。最新成果显示，瑞士的一名研究人员利用一台超级计算机，耗时19...

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