canva粒子背景动画_两种方法来创建动画粒子背景

canva粒子背景动画

在今天的截屏视频中，我将向您展示如何创建动画粒子背景。 粒子是网页上标准英雄部分的绝佳替代方法。 例如，您可能已经看到它们在诸如marvelapp.com之类的网站上使用过，并且还可以使用这种效果来产生降雪。

我们将研究两种创建粒子的方法。 第一个完全依靠CSS，而第二个则使用一个名为particles.jsJavaScript插件。

如何为您的网站创建粒子

演示版

这是仅使用CSS的示例：

这是使用Particles.js的演示：

很高兴看到您可以使用这些粒子做什么，并在评论中告诉我们您在野外使用粒子的地方！

翻译自: https://webdesign.tutsplus.com/tutorials/2-ways-to-create-an-animated-particle-background--cms-30224

canva粒子背景动画