14/10/2020 | Partage de code
Exemple d'animations en CSS avec deux cercles qui se déplacent. Les couleurs jouent avec les déplacements par les règles de mélange des formes et des fonds.
Animation N°230/11/2020 | Partage de code
Le texte se décompose et les lettres bougent formant des vagues. J'ai utilisé splitting.js pour découper les mots et les caractères.
Animation N°330/11/2020 | Partage de code
Une animation basée sur plusieurs cercles en mouvements. La couleur des cercles passe du noir au blanc permettant de jouer avec le design du fond de la page.
Animation N°430/11/2020 | Partage de code
Une animation basée sur le scroll de la souris. Le défilement de la page fait tourner des cercles permettant ainsi de découvrir un mot.
Animation N°530/11/2020 | Partage de code
Cette animation montre un dessin SVG animé avec CSS. Le travail porte sur les lignes du dessin et leurs découpages, ainsi que l'effet visuel que cela provoque.
Animation N°602/12/2020 | Partage de code
Cette animation présente des lettres qui se déplacent dans la page. Des obstacles bloquent les mouvements des lettres. Cette animation peut permettre de présenter un typo avec les diverses lettres.
Animation N°702/12/2020 | Partage de code
Recherche pour une animation du logo de ma documentation en ligne ISITCODE. Le logo est répété plusieurs fois, permettant de régler les timings de déclenchement des animations.
Animation N°802/12/2020 | Partage de code
p5.play est une librairie d'animation et de jeu. Dans cette animation, il s'agit d'expérimenter l'animation de sprites ainsi qu'une interaction avec la détection d'une zone dans laquelle l'animation se joue.
Animation N°902/12/2020 | Partage de code
Une animation que j'ai réalisée dans le but de me présenter sur mon site Web. J'ai utilisé de la physique avec des blocs de textes, permettant de «ranger» et déplacer les mots afin de donner un ordre dans la phrase initiale.
Animation N°1002/12/2020 | Partage de code
Une interaction de drag n drop avec des clicks et double-clicks qui font changer un cercle et les couleurs dans la page.