On retrouve de plus en plus de particules animées dédiées au fond. Par exemple dans un des derniers templates de Rockettheme Acronym ou dans le template Galaxy d’Inspiretheme. Le site En toutes lettres est toujours en Gantry 4 mais utilise aussi un fond animé utilisant le script flat-surface-shader (FSS) développé par Matthew Wagerfield dont on peut voir la démonstration ici.
Je prépare la migration de En toutes lettres sur Gantry 5 et j’ai développé une particule dédiée FSS dont je vous fais la primeur.
Vous avez le choix entre 7 presets de couleur ou vous pouvez configurer par vous même le Canvas.
En choisissant le preset "custom" vous pouvez paramétrer votre particule en jouant sur les principales options définies par Matthew Wagerfield et que vous retrouvez sur sa page de démonstration. La dimension des triangles dépend de la hauteur de la section ou vous avez installé votre particule il est donc souvent judicieux d'utiliser le mode custom.
J’ai ajouté aussi une option de modification du z-index du canvas si nécessaire.
N’oubliez pas que la couleur du ou des fonds des sections ou l’animation doit apparaître doit être transparente (à régler au niveau des styles de votre "Outline")
Vous avez ici une démonstration de cette nouvelle particule avec le template Kraken, particule FSS customisé, la particule est installée au niveau de la section "Header"
Vous trouver une autre démonstration ici avec le template Hydrogen. L’animation est « Full Page »
Télécharger la Particule - Gantry 5 - FSS v1
Installation classique Joomla si vous travaillez avec le template Hydrogen. Sinon décompresser le fichier et faites une installation manuelle de la particule.