Animation Using CSS
Next ❯Tags Reference
Used to animate using css animation concept with the svg-css properties
- You must know CSS Animation first
<svg height="100" width="200">
<style>
@keyframes cssanimation {
0%{ fill:red;stroke:black;stroke-width:1; }
100%{ fill:blue;stroke:yellow;stroke-width:10; }
}
</style>
<circle cx="100" cy="50" r="40"
style="animation:cssanimation 5s linear 0s infinite"/>
</svg>Using CSS
❮ Prev Animation Common Attributes
Next ❯Tags Reference
So,