tsparticles实现彩色小球点击爆炸碰撞动画效果代码
代码语言:html
所属分类:动画
代码描述:tsparticles实现彩色小球点击爆炸碰撞动画效果代码
代码标签: tsparticles 彩色 小球 点击 爆炸 碰撞 动画
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8"> <style> #refresh-config { bottom: 5px; left: 5px; position: fixed; z-index: 1000; } /* ---- reset ---- */ .github { z-index: 10000; bottom: 10px; right: 10px; position: fixed; border-radius: 10px; background: #fff; padding: 0 12px 6px 12px; border: 1px solid #000; } .github a:hover, .github a:link, .github a:visited, .github a:active { color: #000; text-decoration: none; } .github img { height: 30px; } .github #gh-project { font-size: 20px; padding-left: 5px; font-weight: bold; vertical-align: bottom; } </style> </head> <body > <script type="module"> import { tsParticles } from "https://cdn.jsdelivr.net/npm/@tsparticles/engine@3.1.0/+esm"; import { loadAll } from "https://cdn.jsdelivr.net/npm/@tsparticles/all@3.1.0/+esm"; async function loadParticles(options) { await loadAll(tsParticles); await tsParticles.load({ id: "tsparticles", options }); } const configs = { particles: { destroy: { mode: "split", split: { count: 1, factor: { .........完整代码请登录后点击上方下载按钮下载查看
网友评论0