1. Web Design
  2. HTML/CSS
  3. JavaScript for Designers

2 Maneras de crear un fondo de partículas animadas

En el screencast de hoy te voy a mostrar cómo crear un fondo de partículas animadas. Las partículas son una gran alternativa para la sección hero estándar de una página web; probablemente las hayas visto en sitios como marvelapp.com por ejemplo, y también podriás utilizar este efecto para crear una nevada.
Scroll to top

Spanish (Español) translation by Carlos (you can also view the original English article)

En el screencast de hoy te voy a mostrar cómo crear un fondo de partículas animadas. Las partículas son una gran alternativa para la sección hero estándar de una página web; probablemente las hayas visto en sitios como marvelapp.com por ejemplo, y también podriás utilizar este efecto para crear una nevada.

Vamos a ver dos formas de crear partículas. La primera está basada solamente en CSS, mientras que la segunda utiliza un plugin de JavaScript llamado particles.js.

Cómo crear partículas para tu sitio web

Demos

Aquí está el ejemplo que utiliza solamente CSS:

Please accept marketing cookies to load this content.

Y aquí está la demostración que utiliza particles.js:

Please accept marketing cookies to load this content.

¡Diviértete viendo lo que puedes hacer con esto, y déjanos saber en los comentarios dónde haz utilizado las partículas en proyectos reales!