Gráficos vectoriales SVG: ilustrar y animar con código

Resumen

“El código SVG puede recibir estilos a través de los atributos o a través de CSS. En esta lección vamos a ver cómo utilizarlos en cada caso, y qué nuevas propiedades de CSS podemos emplear con las etiquetas SVG.”

En esta videolección, Javier Usobiaga Ferrer aborda el tema: Estilos en SVG, que forma parte del curso online de Domestika: Gráficos vectoriales SVG: ilustrar y animar con código. Aprende a trabajar con ilustraciones vectoriales en tus páginas web, de la línea a la animación interactiva.

Transcripción parcial del vídeo

“En SVG podemos aplicar estilos a través de atributos. pero también lo podemos hacer a través de CSS. Vamos a ver cómo funciona. Ya hemos visto que la propiedad fill sirve para indicar el relleno de un elemento SVG de la misma manera que sirve background color en los elementos HTML. Ahora vamos a ver... Nuevas propiedades, como por ejemplo, stroke, que indica el borde de un elemento SVG o por así decirlo, el trazado. Stroke Concretamente, indicaría el color de este borde. Y Stroke Width indicaría la anchura de este borde. Volvemos al editor de código... Y a este rectángulo que vemos aquí voy...”

Generamos automáticamente esta transcripción y puede haber erratas.

Resumen del curso: Gráficos vectoriales SVG: ilustrar y animar con código

• Nivel: Iniciación
• 98% valoraciones positivas (273)
• 9417 estudiantes
• 7 unidades didácticas
• 32 lecciones (2h 2m)
• 6 recursos adicionales

• Categoría

  Diseño Web y App

• Software

  Adobe Illustrator, Sketch

• Áreas

  Animación, Desarrollo Web, Diseño interactivo, Diseño Web