Author: web-admin

SVG Image (the <image> tag) means embedding a raster picture (like JPG, PNG, or even another SVG file) inside your SVG document. It’s like putting a photo or logo inside your vector drawing so...

SVG Marker means using the <marker> element to create small reusable graphics (like arrowheads, dots, circles, diamonds, custom symbols) that automatically attach to the start, middle, or end of lines, paths, polylines, or polygons....

SVG Fill Attributes basically means all the ways you can control the color / pattern / gradient / transparency / rule that fills the inside of SVG shapes (rectangle, circle, ellipse, polygon, closed path, text,...

SVG Stroke means everything related to the border / outline / edge of your SVG shapes (line, rectangle, circle, ellipse, polygon, polyline, path, text, etc.). Think of it this way: fill = inside color...

SVG Filters are one of the most powerful and beautiful features in SVG. They let you apply photoshop-like effects (blur, shadow, brightness, contrast, color changes, turbulence, waves, glow, emboss, etc.) directly inside SVG code...

SVG Blur Effects are one of the most popular and beginner-friendly uses of SVG <filter>. They make any shape, text, image, icon, button, or group look soft, dreamy, glowing, out-of-focus, or professional-shadowed — exactly...

1. What is a Drop Shadow in SVG? A drop shadow is a soft, dark, offset “shadow” underneath or behind a shape/text/icon — it makes things look like they are lifted off the page...

Drop Shadow 2 XML

This single primitive does almost everything the long method did, but in one single line. It’s exactly why most new SVG filter tutorials, CodePen examples, and professional code now...

SVG Linear Gradients are one of the most beautiful and commonly used ways to fill shapes, text, paths, strokes — anything that accepts a fill or stroke — with a smooth color transition that...

SVG Radial Gradients are the circular / round / spotlight / shiny ball version — the colors spread outward from a central point like ripples in water, or like the glow from a light...