< if tag display title = svg />

Menu animé en SVG

Jour 16, encore du SVG ? oui ! mais en fouillant du coté de la balise <text> du SVG (qui nous sert à afficher du texte) et après avoir bien compris <viewBox> (qui nous donne notre espace de travail) sans oublier les valeurs x et y qui nous permet de le positionner au bon endroit. […]



handwriting svg animation

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 […]



Day13 : svg animation with css

Jour 13 de mon autochallenge #1day1code, On parle encore de svg ? Oui mais avec une animation, et ce n’est pas de mince affaire! On va réaliser la lettre Q avec une stroke qui la remplie tout doucement. Pour ca tout commence sur illustrator où l’on va créer notre lettre à partir d’une font Baskerville, […]



Day12 : Curved text along a path with svg

Jour 12, j’ai reçu une maquette il y a quelques jours d’un projet de site dans le quel il y avait des textes incurvés. La premiere idée serait d’utilisé du javascript comme arctext.js le faisait. Pour se moderniser et jouer avec le svg et le css j’ai découvert que l’on pouvait faire suivre un texte […]



Day3 : Smoke svg animation

Depuis maintenant 3 jours je réalise une experimentation de code chaque jour, parfois j’ai plus de temps et parfois j’en ai moins mais j’essaye de quand meme poster une chose. Le tout afin d’améliorer ma réactivité et mes skills. Aujourd’hui je manquais de temps mais je voulais tester un bout de code simple d’une sequence […]