温馨提醒
这篇文章发布于 265 天前,内容可能已过时,请谨慎参考。
type
Post
status
Published
date
Jan 2, 2025
slug
example-9
summary
仅供列表展示、文章无内容
tags
建站
工具
开发
命令
category
技术分享
icon
password
# 前言



# 特点
- 零依赖:网络上相关的教程大部分需要依赖anime.js
- 小体积:压缩后体积在 3KB 以内
- 定制化:仅需一行代码便能轻松自定义粒子效果
# 使用方式
npm 引入
或 html 直接引入
# 配置
仅需一行代码
例如:
允许配置:
- 粒子的形状:圆形、多边形、星形
- 半径、透明度、描边粗细等
- 粒子的运动方式:向四周发射、从中间扩散、旋转
- 运动半径、透明度、旋转角度等
- 粒子的缓动函数:
- 粒子的颜色:支持数组
- 粒子的数量
- 粒子的持续时间
数字均支持输入区间,会从区间中随机采样值
- 作者:古明地こいし
- 链接:https://blog.nlvps.dedyn.io/article/example-9
- 声明:本文采用 CC BY-NC-SA 4.0 许可协议,转载请注明出处。
.png?table=collection&id=22b87748-0c8b-8118-a695-000b109babec&t=22b87748-0c8b-8118-a695-000b109babec)