暂无评论，请以名义上的观点和观点为基础，并以必要的方式提出本章中所有必要的动画作品。 Poderia ter animado os textos e elementos com CSS？ Poderia。 Mas Quria Algo Diferente。 嗯，背景合法。 进入粒子.js。
Neste教程，soar como utilizar o particle.js和cobrindo os pontos deutilização的介绍。 Estééo Primeiro artigo de umasérieque pretendo escrever mostrando algumas bibliotecas legais para增量ar seu projeto web，portalmente para iniciantes e comexplicaçõesemportuguês。 Afinal，dave existir tanta coisa法律上的aíquenósnem fazemos思想。
Uma pequena介绍
aparticles.js是JavaScript的Vincent Garreau的参考书目 ，它不允许互通有无的互为补充的证据，也可以作为原始，可替代的名称，也可以作为原始内容。
Neste教程，利用双向书目和 代码库对 环境进行了演示 。 阿西姆（Assim），总工会（POSSO） HTML，CSS和Java脚本的Tambéménecessário的创建者，可以使用utils的mínimodos termos技术的最全面的解释器。 Nãosabe obásicoounãoentendeu alguma parte？ Nãotem problema，温和的决心！
Paracomeçar，vocêprecisarádos seguintes链接：
- Codepen：https：//codepen.io/
- Gerador departículas：https：//vincentgarreau.com/particles.js/
- 官方文档：https://github.com/VincentGarreau/particles.js/
安装说明
没有简单的格式， 输入和输出CDN推荐书。 最好的HTML，包括HTML的必要内容：
在CDN中使用备用服务的Uma替代品和替代品。 Vocêutilizaria o mesmo comando acima，alterando apenas a propropadeade scr para o caminho do seu arquivo particles.min.js 。
可以执行以下操作的计算机执行器：
npm我Particles.js
talvez este link sejaútil的安装说明。
Utilização
Em primeiro lugar，《无与伦比的证明》。 Criaremos uma div com um a tributo id que seja facilmente identificado：
Eentão ，precisamos inicializar a biblioteca para declararmos作为配置文件。 没有Java脚本可以执行命令，colocaremos o seguinte comando：
particleJS（）;
Agora，funçãoque chamamos utilizando和seguinte sintaxe的passaremos osparâmetrosnecessários：
particleJS（ ， <json deconfigurações> ， ）;
恩塔昂，菲卡拉－达塞金特格式：
particleJS（'my-particles'，{}）;
预先确定的条件。 可以将iremos配置为op或json com。 Podemostambémseparar este .json em umavariável或ats mesmo em outro arquivo。 您可以通过以下方式进行操作： particles.json 。
Nestaversão，nãocobriremos和utilceçãodo terceiroparâmetro。 Deixaremos para projetos futuros。
Configurando作为参与者
合法的无党派组织，永久性或合法性。 原则上的基本配置：
{
"particles": {},
"interactivity": {}
}
- 粒子：将toda定义为partaculas，como equiidade，tamanho，forma，cor，densidade，movimento e等。
- 交互性：将todas定义为可交互配置的游标，鼠标悬停（鼠标经过），单击（元素）等。
comador gerador aberto，配置vamos fazer：
提示：
- 提示：请在原始照片上输入密码。 Vamos manter opadrão是“默认”，其他人都可以使用它们，intersantes则是另类，commo o则是“ bubbles” que adiciona elementos（ou bolhas），ou o“ snow”，是adicionapartículasque caem do topo da tela。
部门意见：
- 担保人：担保人150.担保人，担保人和担保人，无任何刑事责任。
- Cor： Vamos manter branco（#fff）。 Nada de novo。
- 形式： Ostriângulosparecem umaótimaopção。 Vamosselecioná-lo。
- 塔曼尼奥（Tamanho） ：第3部分的“ Manteremos o valor daspartículascomo”，作为“随机”部分的mas utilizaremos，包括“ jajager geradas”和“ tamanhos variados”，还有“ tamanho definido comomáximo”。 Assim，efeitoébem mais法律。
- Movimento： “启用” precisamos可以使部分运动在esteja selecionada下运行。 Tambémépossívelde finir adireçãodo efeito ea velocidade，mas deixaremos com or valorpadrãomesmo。
temos o seguinte efeito的地址：
永久居民，永久居民，永久居民。 Comosolução，vamos configurar与efeitos互操作：
交叉操作：
- 鼠标悬停（鼠标的路径）： deixaremos habilitado或“游标”游标，可以将光标移到光标旁边。
- onclick（ao clicar）： deixaremos aopção“ push” para adicionar maispartículasquando clicarmos naárea记者。
集市，podemos interagir com作为鼠标的一部分。 法律吗？
作为配置的总称，标题为“下载当前配置（json）”，名称为conquiúdo。 Em nosso projeto，cole作为json 。
No final，no noso Javascript开发算法，请参见：
particlesJS("my-particles", {
"particles":{
...
},
"interactivity":{
...
}
});
将vod pode顾问todas作为配置的操作无链接 https://github.com/VincentGarreau/particles.js/
Últimos扭矩
Para terminarmos，作为seguintes linhas no nosso css ：
/* - - 重启 - - */
身体{
边距：0;
}
帆布{
显示：块；
垂直对齐：底部；
}
/ * ---- particle.js容器---- * /
＃my-particles {
位置：绝对；
宽度：100％;
高度：100％;
背景颜色：＃000000;
背景图片：url（“ https://images.unsplash.com/photo-1518818419601-72c8673f5852?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=750&q=80”）；
背景重复：不重复；
背景尺寸：封面；
背景位置：100％100％；
}
/ *图片由Patrick Fore在Unsplash上拍摄* /
- 正文： definiremos a propropadeade
margincomo0para deixar o elemento em tela cheia。 Com isso，containiremos que o container daspartículasoctoe toda oespaçodisponível。 - ＃my-particles： deixaremos o elemento como absoluto e definiremos o
backgroundcom uma imagem，cobrindo o fundo inteiro。
没有末尾，teremos o seguinte：
is！ 🤗
考虑到finais
颗粒与现实的现实世界—现实世界中的现实。 HTML，CSS和Javascript，以及专业的deaxando-o和séprojeto。
Aprofundando mais o estudo，épossívelconfigurar todas as possibilidades departículas，deixando seu efeito muito mais单数。 Mas arteéumótópicopara outro artigo🙂
