how to animate svg images in html code example

Example 1: responsive svg image in html

/* responsive svg */
/* NOTE: remove default width and height and replace it with values in viewbox */
<svg version="1.1" viewBox="0 0 500 500">
	<circle fill="#F7941E" stroke="#231F20" stroke-width="10" 
	cx="250" cy="250" r="200" opacity="0.6" />
</svg>

Example 2: how to add an svg image to html

<body>

<img src="blabla.svg" alt="blabla_is_working">

</body>

Tags:

Javascript Example

Related