svg character stroke effect

SVG can be styled and animated with CSS (slides). Basically, any transformation or transition animation that can be applied to an HTML element can also be applied to an SVG element. we mad this animation by stroke-dash array property.  The stroke-dasharray property in CSS is for creating dashes in the stroke of SVG shapes. The higher the number, the more space in between dashes in the stroke. Have you ever seen those cool demos where an SVG shape appears to draw itself? That’s a trick that takes the stroke-dasharray of an element and animates it in conjunction with the stroke-dashoffset property.