beapi-frontend-framework
beapi-frontend-framework copied to clipboard
Add generic animations
Ajout de 3 animations génériques :
- split text
- fade up
- opacity
Et une custom pour exemple (qui pourrait par exemple correspondre à un pattern ou un bloc spécifique)
Ajout sur le index.php d'une nouvelle section qui reprend ces animations :
Je me pose la question si c'est quelque chose qu'on utilisera systématiquement ?
Je me pose la question si c'est quelque chose qu'on utilisera systématiquement ?
Effectivement pas forcément systématique, tout dépend de ce qui aura été décidé. Mais dans le cas où on en a besoin ça serait utile pour éviter de tout refaire à chaque fois.
Si pas besoin peut être juste commenter les imports des fichiers ?
je le mets dans les sujets à discuter à la prochaine réunion front. ca me semble intéressant d'avoir une base simple prête si on veut pousser un peu plus les animations sur nos projets.
Je me pose la question si c'est quelque chose qu'on utilisera systématiquement ?
Effectivement pas forcément systématique, tout dépend de ce qui aura été décidé. Mais dans le cas où on en a besoin ça serait utile pour éviter de tout refaire à chaque fois.
Si pas besoin peut être juste commenter les imports des fichiers ?
@cedric07,
J'avais plus penser à faire un repo à part voire un gist.
je le mets dans les sujets à discuter à la prochaine réunion front. ca me semble intéressant d'avoir une base simple prête si on veut pousser un peu plus les animations sur nos projets.
@francoistibo https://www.delftstack.com/howto/javascript/javascript-noop-function/
@n-langle peux-tu checker cette PR stp ? l'idée est de mettre des animations de base dans BFF pour gagner du temps
@ptesei propose d'ajouter le media query reduce-motion en JS pour servir le site sans animations si configuré comme ca côté utilisateur. @cedric07 tu peux jeter un oeil ?
@ptesei propose d'ajouter le media query reduce-motion en JS pour servir le site sans animations si configuré comme ca côté utilisateur. @cedric07 tu peux jeter un oeil ?
Done !