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

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

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

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

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

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

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

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

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

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

分享到：

返回列表

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

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

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

同样是系统为什么有的叫OS有的叫UI

大家有没有注意到现在手机系统虽然主要分iOS和安卓两大阵营，但如果从叫法的后缀上来区分的话其实是分为OS和UI。那么，你有没有想过为什么有些手机的系统后缀是OS？有些系统的后缀是UI呢？他们之间的区别在于哪些呢？同样是系统为什么有的叫OS有的叫UI1、字面意思不同OS的英文全称为Operation...

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

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

蛋黄胆固醇高，还能不能吃？早上坚持吃水煮蛋，有什么好处？

说到鸡蛋，能想到很多食物，只是一颗小小的鸡蛋，却能变着花样的去进行制作，且大多还是比较简单的做法，其中一个比较简单的做法，也是大家比较常用的一个做法，就是清水煮鸡蛋。有的人早餐会吃一个水煮鸡蛋，可帮助补充营养，适当多吃鸡蛋，确实能给身体带来一些好处，同样，也是会存在一些不好的说法，让部分人群对于吃鸡...

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

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

六零后已经渐渐老了，都是独生子女家庭，以后怎样养老？

我是68年的，今年54岁，我也只有一个女儿，以后怎么养老的问题，我在十年前就开始准备了，所以我的养老问题我现在一点都不担心，因为我早已经准备好了。我从上班到退休一直在银行储蓄柜工作。工作小柜台，人生大舞台，在几十年的工作中我见识了形形色色的人，也见过很多老人特别是没有退休金的老人晚年凄苦的生活。所以...

腾讯突然宣布关闭这项业务，阿里巴巴和百度还能做什么？

腾讯地图官网近日宣布，电脑端的腾讯地图将于11月11日停止服务，用户可以下载腾讯地图App。今年5月，搜狗地图也暂停了电脑端的服务，如今仅剩百度地图一家仍旧提供电脑端服务。这一变化，与移动互联网的发展不无关系。虽然电脑端地图服务商缩水，但在移动端，背靠阿里巴巴的高德地图、百度的重要业务板块百度地图，...

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