••
< if title: />

Day15 : handwriting svg animation

projet : one experiment per day

< if content: />

Jour 15, Ça fait quelques jours maintenant que je dig ce qu’on peut faire avec le svg associé à notre adoré css.

Aujourd’hui j’ai donc animé mon Nom et prénom comme si je l’écrivais moi meme en SVG, responsive et avec un fond de couleur.

Après quelques essais sur illustrator que je ne connaissais que trop mal (merci Jessie James) et quelques tutorials pour comprendre la fonction stroke-dashoffset() et l’animé à la bonne vitesse pour un effet naturel.

(Animation sur le Hover donc à voir sur un ordinateur pour jouer avec le curseur de votre souris)

Voici le résultat: quentinrenaux.com/xp/1day1code/handwriting-svg-qr-speed3.html


< if thumbnail: />

quentinrenaux accueil
quentinrenaux mail
quentinrenaux insta
••
••
••
••
••