vue-particles 粒子背景

不念不忘少年蓝@ 2021-07-25 19:23 466阅读 0赞

## 效果图： ##

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzIzMjU2_size_16_color_FFFFFF_t_70][]

## 一、下载 ##

cnpm i -S vue-particles

## 二、引入 ##

//粒子特效
    import VueParticles from 'vue-particles'
    Vue.use(VueParticles)

##  三、使用 ##

<template>
       <div >
        <vue-particles 
            color="#6495ED"
            :particleOpacity="0.7"
            :particlesNumber="80"
            shapeType="circle"
            :particleSize="4"
            linesColor="#6495ED"
            :linesWidth="1"
            :lineLinked="true"
            :lineOpacity="0.6"
            :linesDistance="150"
            :moveSpeed="3"
            :hoverEffect="true"
            hoverMode="grab"
            :clickEffect="true"
            clickMode="push"
        >
        </vue-particles>
       </div>
    </template>

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzIzMjU2_size_16_color_FFFFFF_t_70]: /images/20210725/055c704f7f5b4879990440762dd06781.png

发表评论取消回复

表情：

评论列表（有 0 条评论，466人围观）

还没有评论，来说两句吧...

相关阅读

相关 153.炫酷粒子背景特效

效果 (源码网盘地址在最后) ![1b6c12310dd9bda1cebf98a3aeb0f77b.gif][] 最近开源了一个 Vue 组件，还不够完善，欢迎大家来一

偏执的太偏执、/ 2023年01月18日 02:29/ 0 赞/ 145 阅读

相关九、HTML5空间粒子背景动画特效

文章目录九、HTML5空间粒子背景动画特效 9.1 图片预览 9.2 index.html代码 9.3 index.js代

水深无声/ 2022年11月15日 03:51/ 0 赞/ 199 阅读

相关 Canvas黑色背景粒子HTML5动画

[下载地址][Link 1]Canvas黑色背景粒子HTML5动画特效，一款基于Canvas绘制三角形弹性跳动特效。 ![1631148841.png][] dd: [

电玩女神/ 2022年09月10日 14:22/ 0 赞/ 254 阅读

相关 canvas太空粒子科技背景

[下载地址][Link 1]使用canvas实现的粒子动画效果，结合太空背景图片更显科技感，不错的canvas网页粒子动画背景。 ![1630568534.png][] d

ゝ一世哀愁。/ 2022年09月10日 05:10/ 0 赞/ 196 阅读

相关 particles.js粒子插件科技感背景

[下载地址][Link 1]particles.js是一款js粒子特效插件，这是个particles.js插件的调用粒子，很有科技感的网页背景动画效果，网页颜色可以任意切换。

水深无声/ 2022年09月10日 05:10/ 0 赞/ 221 阅读

相关 229.纯CSS粒子背景动画-03

效果 (源码网盘地址在最后) ![5897ab45556e2b971a89156d711a1c58.gif][] 源码 index.html <!DOC

Love The Way You Lie/ 2022年08月28日 15:54/ 0 赞/ 202 阅读

相关 228.纯CSS粒子背景动画2

效果 (源码网盘地址在最后) ![824d1c67f858ca8600691a1212aca69a.gif][] 源码 index.html <!DOC

旧城等待，/ 2022年08月28日 15:52/ 0 赞/ 184 阅读

相关 227.纯CSS粒子背景动画

效果 (源码网盘地址在最后) ![7514ea848ca8f8ce7d1c8d2813b3d7a2.gif][] 源码 index.html <!DOC

浅浅的花香味﹌/ 2022年08月28日 15:52/ 0 赞/ 294 阅读

相关网页粒子背景插件 -Canvas-nest.js

1、简介 Canvas-nest.js是一个非常好看的网页粒子背景插件，不需要依赖任何第三方库即可运行，提供额非常炫酷的背景。 2、特点不依赖于任何框架或者

野性酷女/ 2022年07月13日 13:43/ 0 赞/ 278 阅读

相关 vue-particles 粒子背景

效果图： ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0

不念不忘少年蓝@/ 2021年07月25日 19:23/ 0 赞/ 467 阅读