Actualités WordPress, CSS & Webdesign, OceanWP & Elementor.

Vincent Garreau, développeur front-end et co-fondateur de Livestorm propose une petite librairie pour afficher une animation de particules entièrement paramétrable.

Je l’ai utilisé pour animer des pages d’attente sur des pages perso Free (pour moi et des amis).

Paramètres de Particles-js Le gros avantage c’est la légèreté du script (23 ko + 2 ko de paramètres), le fichier de configuration est simple à éditer car bien écrit. Avec les 10 paramètres disponibles et leur différentes options vous pouvez facilement réaliser des animations très différentes même si elles restent dans le même univers de « particules animées ».

Quelques exemples de page d’attente animées :

Les voir en live ci-dessous :

Si vous voulez mettre en place un simple page responsive et animée je vous propose de télécharger mon petit kit comprenant un index.html + les CSS et JS et fond de page image (n’oubliez pas de compresser les grands visuels sur compressor.io). Le choix de typo passe par Google fonts, une pour le titre, une pour la copyright. Pensez à régler le responsif pour les tablettes et smartphones.

> Kit page d’attente avec particles.js

Sources : Vincent Garreau, Particles.js, Canvasisawesome

Enregistrer

Cet article a 1 commentaire

  1. Sympa cette anim et surtout les paramètres très complets. Merci pour l’info.
    Denis

Laisser un commentaire

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.

Fermer le menu