How to Use SVG (HTML & CSS) Part One

Описание

SVG stands for Scalabe Vector Graphics. SVG is a feature availalbe on HTML & CSS and can be manipulated withing HTML or CSS. As the word says SVG is the vectors graphics that can be adjusted either scaled up or down without loosing the quality unlike other images formats like png or jpeg. SVG is awesome.

On this First Part of using SVG in HTML & CSS will be focusing on creating the very basic shapes of SVG withing HTML & CSS. Basic shapes like circle, rectangle and line. Will be using purely HTML with help of CSS to create this amazing shape. on the Next video will go much deeper by creating more complex Shape with curves and more like those.

Scalable Vector Graphics (SVG) is an XML-based vector image format for two-dimensional graphics with support for interactivity and animation. The SVG specification is an open standard developed by the World Wide Web Consortium (W3C) since 1999. SVG images and their behaviors are defined in XML text files. This means that they can be searched, indexed, scripted, and compressed. As XML files, SVG images can be created and edited with any text editor, as well as with drawing software. The SVG version used here is SVG 1.1. The latest version of SVG released is SVG 2.0 released on late 2016 September (https://www.w3.org/TR/SVG2/)

Share the Video and please subscribe to my channel to weekly upload about HTML & CSS features.

The music used are

1. Marshmello & Skrillex - With me (Trap Colors Remake)

2. Almos original (Instrumental)

3. LFZ - Echoes

more info to explore

1. http://svgtutorial.com/

2. https://css-tricks.com/using-svg/