Bonjour,
est ce que quelqu'un sait avec quelle technologie/outil ont fait les animations comme celles sur la page de google (au millieu de la page il y a des animations minimalistes vertes qui ne sont pas des vidéos) :
https://sustainability.google/intl/fr/commitments-europe/
Merci d'avance pour toute idée/piste/information.
Bonne journée.
GG

4 réponses


Hello !
Tu peux gérer tout ça simplement avec du css en animant tes svg.

Après pour gérer les animations en fonction du scroll par exemple, il faudra utiliser du js

quand tu veux connaitre la technique utilises l'inspecteur ;)

Alors en gros c'est du CSS, y'a une animation avec transform: matrix

gg69
Auteur

Merci beaucoup pour les réponses. 👍
Je vais regarder quels outils existent pour animer les SVG, parce que en CSS, ça me semble un peu laborieux comme approche.
Merci encore.

Laborieux oui et non ..
Faut savoir ce qu'on fait c'est sur, et prendre le temps de bien faire les choses.
Mais si tu commences à utiliser des librairies a gauche et a droite pour animer des svg, non seulement tu n'auras pas une liberté absolue de faire ce que tu veux, tu seras contraint de faire ce que te permet la librairie, mais en plus ça sera beaucoup plus lourd .. pourquoi charger 10 000 lignes de js quand 5 en css suffisent ?

Sinon, si tu ne veux vraiment pas faire un peu de css, tu peux regarder des solutions comme lottiefiles ou svgator ..