••
< if title: />

Day15 : handwriting svg animation

projet : web experiments ← du lundi 28 septembre 2020
< if content: />

Warning: count(): Parameter must be an array or an object that implements Countable in /homepages/32/d342591868/htdocs/quentinrenaux/wp-content/plugins/user-specific-content/User-Specific-Content.php on line 373

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: />