Graphiques vectoriels SVG : illustration et animation en code

Résumé

“Les dégradés sont une autre propriété commune dans CSS, et SVG a sa propre façon de les déclarer. La chose intéressante à propos de ces dégradés est la possibilité de les combiner avec d'autres éléments SVG et de réaliser des choses qui ne sont pas possibles en HTML normal, telles que l'application d'un dégradé au texte. Voyons comment ils fonctionnent.”

Dans cette leçon, Javier Usobiaga Ferrer aborde le sujet : Dégradé, qui fait partie du cours Domestika en ligne : Graphiques vectoriels SVG : illustration et animation en code. Apprenez à travailler avec des illustrations vectorielles sur vos sites web, de la ligne à l’animation interactive.

Transcription partielle de la vidéo

“Tout comme en CSS. sVG peut déclarer des dégradés. L'intérêt de ces dégradés réside dans leur combinaison avec d'autres éléments SVG pour réaliser ce qui est impossible en HTML classique. Voyons ensemble. Pour créer un dégradé. nous le déclarerons dans la balise DEFS d'échantillons. et le regrouperons sous l'étiquette Linear Gradient. Pour chacune des couleurs souhaitées dans notre palette de dégradé. nous insérerons une balise Stop à l’intérieur. Dans cet exemple. nous voyons un dégradé de deux couleurs. Qui commence... Par ce jaune et se termine par cet orange. les couleurs sont l'attribu...”

Cette transcription a été générée automatiquement et peut contenir des erreurs.

Sommaire du cours : Graphiques vectoriels SVG : illustration et animation en code

• Niveau : Débutant
• 98% avis positifs (272)
• 9241 élèves
• 7 unités
• 32 leçons (2 h 2 min)
• 6 vidéos téléchargées

• Catégorie

  Création de sites et d'applications

• Logiciel

  Adobe Illustrator, Sketch

• Domaines

  Animation, Design d'interaction, Développement web, Webdesign